Вид материалов и адаптивность

Сообщений: 39

Репутация: 2

Сообщение # 1 | 13:31:55 27 Июн 2016

День добрый, у меня такой вопрос, может кто-то делал или знает как сделать:

Делаю а адаптивный шаблон но вот для мобильных устройств отображается не корректно, можно сделать чтоб для юзеров на ПК отображался один вид материалов, а для мобильных устройств другой вид. При этом 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 27 Июн 2016

Chervia4oG, PDA версию подключите - намного легче будет, так как и удобней на экране будет смотреться и меньше трафика они будут получать (пользователи).

Chervia4oG

Сообщений: 39

Репутация: 2

Сообщение # 3 | 15:32:05 27 Июн 2016

_CrySiS_, нет нормальных pda шаблонов, даже платных. Вот и думаю с адаптивным работать.

zarim

Сообщений: 489

Репутация: 82

Уровень замечаний:

Сообщение # 4 | 16:59:32 27 Июн 2016

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 27 Июн 2016

Chervia4oG, а нормального PDA шаблона вы ни где не найдете. Либо надо с основным шаблоном заказывать, или самому его верстать. Как вариант - можно использовать совет выше.

Страница 1 из 1 1
Модератор форума: Yuri_G