Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Вид материалов и адаптивность (различный css для пользователей с телефона и пк)
Вид материалов и адаптивность
Chervia4oG
Сообщений: 24
Репутация: 2

Сообщение # 1 | 13:31:55
День добрый, у меня такой вопрос, может кто-то делал или знает как сделать:

Делаю а адаптивный шаблон но вот для мобильных устройств отображается не корректно, можно сделать чтоб для юзеров на ПК отображался один вид материалов, а для мобильных устройств другой вид. При этом PDA версия отключена.

Пробовал так не получается.


Код
<?if($USER_AGENT_PDA$)?>
<div class="item-1">
<div class="imgB1">
<div class="thumbnail">
    <?else?>
<div class="item-10">
<div class="imgB10">
<div class="thumbnail">
<center> <a href="$ENTRY_URL$"><strong>$TITLE$</strong></a></center>
</div>
<div class="thumbnail">
<center> <a href="$ENTRY_URL$" target="_blank" ><img src="$IMG_URL1$" alt=" $TITLE$"> </a></center>
</div>

</div>
</div>
<?endif?>


Может кто знает как можно реализовать ? Спасибо.
_CrySiS_
Сообщений: 464
Репутация: 38

Сообщение # 2 | 15:24:11
Chervia4oG, PDA версию подключите - намного легче будет, так как и удобней на экране будет смотреться и меньше трафика они будут получать (пользователи).
Chervia4oG
Сообщений: 24
Репутация: 2

Сообщение # 3 | 15:32:05
_CrySiS_, нет нормальных pda шаблонов, даже платных. Вот и думаю с адаптивным работать.
zarim
Сообщений: 415
Репутация: 70
Уровень замечаний:

Сообщение # 4 | 16:59:32
Chervia4oG, подключайте каскадную таблицу стилей к основной версии сайта, типа такой (просто пример) по разным размерам:
Код
@media only screen and (max-width: 700px) {
.t-container { width: auto; margin-left: 18px; margin-right: 18px; }
.b-usermenu { display: none; }
.commFl { width: 100%; }
.ucoz-forum-post img {max-width:700px;}
}
_CrySiS_
Сообщений: 464
Репутация: 38

Сообщение # 5 | 18:09:14
Chervia4oG, а нормального PDA шаблона вы ни где не найдете. Либо надо с основным шаблоном заказывать, или самому его верстать. Как вариант - можно использовать совет выше.
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Вид материалов и адаптивность (различный css для пользователей с телефона и пк)
Страница 1 из 11
Поиск: