Мобильная версия. Работа с ее стилем.

[igoryuritsyn]

Здравствуйте, подскажите пожалуйста где можно почитать про то, как реализована мобильная версия форума в 3.1? Например, хочу сделать так, чтобы при открытии форума на телефоне показывалось одно изображение, а при открытии с пк другое. Как вообще все это реализовать?

[Anvar]

Нет мобильной версии в phpBB3.1!
Используется адаптивная вёрстка, её образно и называют мобильной.

Это единый стиль, всё что нужно скрыть используется display: none; и overflow: hidden;, для разделения размеров окон используются @media правила.

Остальная помощь по html и css там: http://htmlbook.ru/

[igoryuritsyn]

Возьмем лого и получается, грубо говоря:

Это 

Код: Выделить всё

/* Global imageset items */
.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 288px;
	padding-top: 132px;

для ПК, а

Это 

Код: Выделить всё

.logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

исходя из этого

Код: Выделить всё

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {

для экранов меньше 1220px. Правильно или нет?
Спасибо за ответ.

[Anvar]

.logo {

.imageset.site_logo {

Пример для экранов меньше 1220px:

Код: Выделить всё

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
.imageset.site_logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}
}

[Борис Бердичевский]

А как можно в коде php проверить признак, что сейчас бежит мобильная версия?
Ну, а потом уже дело техники -- передать это экстешной странице, чтоб там сократить размеры фонта.

[xisp]

А как можно в коде php проверить признак, что сейчас бежит мобильная версия?

Вы точно понимаете, о чём пишите?
Никак. php тут вообще ни причём.

[Борис Бердичевский]

xisp
хорошо. Проблема такая. Есть экст, где показывается какой-то дополнительный текст на страницах.
Задача: в мобильном варианте стиля уменьшить размер фонта.

Добавлено спустя 3 минуты 50 секунд:
И тут php как раз при чём. Передать странице уточнённую строку стиля для показа. Ибо я использую там параметры стиля в тэге.

[xisp]

Задача: в мобильном варианте стиля уменьшить размер фонта.

Код: Выделить всё

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
.селектор {
	font-size: 0.8em;
}
}

Ибо я использую там параметры стиля в тэге.

Зачем? Для кого классы придуманы?
Для тестирования можно расположить стили в теге <style>:

Код: Выделить всё

<style>
.селектор {
	font-size: 1.1em;
}
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
.селектор {
	font-size: 0.8em;
}
}
</style>

Потом выделить в отдельный файл.

[Борис Бердичевский]

Это (то есть строку тэга стиля) можно было задавать в настройке экста, но теперь у меня есть идея: вместо готовой строки будут задаваться параметры фонта, а строку (строки) стиля можно сформировать динамически, учитывая условие @media.
Спасибо, я действительно не очень силён в стилях.

[Anvar]

Борис Бердичевский, Можно и даже нужно.

Скрытие содержимого не снижает вес страницы, по этому есть необходимость и возможность определить мобильного пользователя и задать правила, а их уже по возможности использовать в событиях шаблонах.

Мобильный стиль делать скорей всего не буду, но экст всё-же будет необходим.

[Борис Бердичевский]

А-а, то есть должен найтись метод, определяющий на уровне кода php, с каким устройством имеем дело, с мобильником али стандартным компом!

[Алг]

самый лучший метод ( для тех, у кого сервер под столом)залить в корень кажется файл browscap.ini ( скачивается с интернета). В этом файле собрана самая полная база браузеров, платформ и ос, существующих на данный момент
Работа с ним предельно проста http://ru2.php.net/manual/ru/function.get-browser.php

[Джим]

А есть ли возможность для пользователей переключаться с мобильной версии на обычную?

[shvager]

Может это полезным будет...

[Anvar]

Джим, Нет такой возможности.

Браузеры в телефоне не реагируют, при включение полной версии, так как нет полной версии. Есть только одна общая, адаптивная.

Это недоразумение будем налаживать с помощью расширения.