Пропустить

оптимизация форума под разные разрешения экрана

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Свернуть Развернуть Правила форума Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).

оптимизация форума под разные разрешения экрана

Сообщение Arpeccop » 14.02.2011 18:54

Доброго времени суток, проблема в следующем:

Поставил форум натянул на него шаблон milky way, подогнал под разрешение экрана 1280x1024, теперь хочу подогнать его под разрешение 1024x768 т.к. пол шапки при этом разрешении съедает. Кто нить знает каким образом это можно осуществить?

Arpeccop
phpBB 1.2.1
 
Сообщения: 29
Зарегистрирован: 29.09.2009 11:06
Благодарил (а): 2 раз.
Поблагодарили: 0 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение MIT » 14.02.2011 18:59

Прям вот сразу половину? Да не может такого быть.

Arpeccop писал(а):Кто нить знает каким образом это можно осуществить?
Осуществить что? Если у тебя картинка фиксированного размера, то она в любом случае будет фиксированного размера, что бы ты с ней не делал. Если нужно одинаковое отображение при разных разрешениях, верстай шапку под резину.
Аватара пользователя
MIT
Поддержка
Поддержка
 
Сообщения: 2060
Зарегистрирован: 14.03.2009 18:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 16 раз.
Поблагодарили: 277 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение Пчелкин » 14.02.2011 19:04

Фанат phpBB. В HTML - без проблем, в CSS - так себе, учусь, в php - баран, помогает только дедукция
Аватара пользователя
Пчелкин
phpBB 3.0.7-PL1
 
Сообщения: 4901
Зарегистрирован: 15.01.2010 14:57
Откуда: От Москвы 9 часов на Боинге
Благодарил (а): 289 раз.
Поблагодарили: 557 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение Arpeccop » 14.02.2011 19:04

а условия выставить нельзя мол при разрешении 1024 использовать картинку 1 а при 1280 картинку 2 ?

Arpeccop
phpBB 1.2.1
 
Сообщения: 29
Зарегистрирован: 29.09.2009 11:06
Благодарил (а): 2 раз.
Поблагодарили: 0 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение MIT » 14.02.2011 19:09

Arpeccop
У меня в браузере ширина этого форума равна 1390 пикселям. Что делать будешь, тоже условие поставишь? А если я выключу полноэкранный режим окна браузера и сожму его до 1282 пикселей?
Да и разрешение экрана у меня 1440, я что, вообще без картинки в шапке останусь что ли? Не, друг, это глупости.
Аватара пользователя
MIT
Поддержка
Поддержка
 
Сообщения: 2060
Зарегистрирован: 14.03.2009 18:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 16 раз.
Поблагодарили: 277 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение Пчелкин » 14.02.2011 19:11

А как скрипт форума узнает про разрешение у пользователей? У куков спросит? Это будет переворот в ....ну, в общем понятно.
Фанат phpBB. В HTML - без проблем, в CSS - так себе, учусь, в php - баран, помогает только дедукция
Аватара пользователя
Пчелкин
phpBB 3.0.7-PL1
 
Сообщения: 4901
Зарегистрирован: 15.01.2010 14:57
Откуда: От Москвы 9 часов на Боинге
Благодарил (а): 289 раз.
Поблагодарили: 557 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение MIT » 14.02.2011 20:00

Аватара пользователя
MIT
Поддержка
Поддержка
 
Сообщения: 2060
Зарегистрирован: 14.03.2009 18:52
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 16 раз.
Поблагодарили: 277 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение Айдар » 14.02.2011 20:17

Arpeccop, имхо, оптимальным вариантом, возможно, станет выравнивание картинки по центру и задание ей ширины 800px, а содержание картинки сделать такое, чтобы по краям был определенный сплошной цвет. Далее по ставить справа и слева 2 td и задать им стилями такой же цвет.
Но этот вариант подходит, только, если у Вас нет текста в шапке (исключение: он прописан в файле изображения).
In Web We Trust
За это сообщение автора Айдар поблагодарил:
Golan (16.02.2011 14:45)
Аватара пользователя
Айдар
Модератор
Модератор
 
Сообщения: 1846
Зарегистрирован: 14.12.2010 17:15
Откуда: KZN
Благодарил (а): 115 раз.
Поблагодарили: 195 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение Shredder » 14.02.2011 22:41

MIT писал(а):Если у тебя картинка фиксированного размера, то она в любом случае будет фиксированного размера, что бы ты с ней не делал.

Можно сделать резиновую картинку вполне. Я делал. Вопрос только в качестве.

Добавлено спустя 6 минут 42 секунды:
Те же min-width и max-width хотя бы.

Shredder
Former team member
 
Сообщения: 1034
Зарегистрирован: 14.12.2008 11:18
Благодарил (а): 62 раз.
Поблагодарили: 181 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение Пчелкин » 15.02.2011 5:43

MIT
ТО - всего навсего данные о серваке моего провайдера... :D
До меня еще две станции. (одна - релейка и местная-покруче) + плюс волокно. :D
И ИПИ плавающий...А до Влада - 360 км..Так что фигня это все.
Фанат phpBB. В HTML - без проблем, в CSS - так себе, учусь, в php - баран, помогает только дедукция
Аватара пользователя
Пчелкин
phpBB 3.0.7-PL1
 
Сообщения: 4901
Зарегистрирован: 15.01.2010 14:57
Откуда: От Москвы 9 часов на Боинге
Благодарил (а): 289 раз.
Поблагодарили: 557 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение Arpeccop » 05.03.2012 11:31

Этот вопрос мною подымался еще год назад - а решается он очень просто - при помощи замены css файлов:
в этом нам поможет скрипт который мы прописываем в overall_header.html в замен строки:
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

заменяем на:
<script type="text/javascript">
var height=0;
var width=0;
         width = screen.width
        height = screen.height
if (width == 1024 && height == 768 )
{document.write('<link rel="stylesheet" href="http://ForumName/styles/milky_way/theme/stylesheet_1024.css" type="text/css" />');}
else {
if (width <= 1280 && height <= 1024 && width > 1024)
{document.write('<link rel="stylesheet" href="http://ForumName/styles/milky_way/theme/stylesheet.css" type="text/css" />');}
else {
if (width == 1024 && height == 600)
{document.write('<link rel="stylesheet" href="http://ForumName/styles/milky_way/theme/stylesheet_1024.css" type="text/css" />');}
else {
{document.write('<link rel="stylesheet" href="http://ForumName/styles/milky_way/theme/stylesheet.css" type="text/css" />');}
}
}}
</script>

(ForumName замените на имя вашего форума)

И теперь при разных разрешениях экрана у нас подгружаются разные css файлы, а в них собственно к одним и тем же переменным прописано различное содержимое, будь то картинка в шапке, размеры таблиц и т.д!
Очень полезная штука, благодарю за внимание, пользуйтесь! =)

Arpeccop
phpBB 1.2.1
 
Сообщения: 29
Зарегистрирован: 29.09.2009 11:06
Благодарил (а): 2 раз.
Поблагодарили: 0 раз.

Re: оптимизация форума под разные разрешения экрана

Сообщение VVVas » 05.03.2012 11:52

Arpeccop, а зачем так сложно и с javascript?
Есть же варианты по проще и без оного http://htmlbook.ru/css/value/media
Аватара пользователя
VVVas
Former team member
 
Сообщения: 4458
Зарегистрирован: 12.11.2004 1:20
Благодарил (а): 0 раз.
Поблагодарили: 9 раз.


Вернуться в Стили для phpBB 3.0.x

 

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

Бессрочный конкурс phpBB-ориентированных материалов
FastVPS — надёжный и доступный хостинг для phpBB
Изображение