Здравствуйте. Задался таким вопросом по одному из стандартных шаблонов...
Как сделать так, чтобы при заходе с компьютера открывалась адаптивная версия шаблона? То есть чтоб при заходе на сайт с обычного компьютера/ноутбука/нетбука и т.д открывалась версия, которая, допустим, видна с экрана смартфона?
Что в шаблоне или css нужно прописать? Пробовал уже через какие-то системные коды и тд, по типу $USER_AGENT_PDA$ и $USER_AGENT$, но не получилось. Помогите, пожалуйста.
Как сделать так, чтобы при заходе с компьютера открывалась адаптивная версия шаблона?
Шаблон адаптивный и так. Гриб, вы хотите, чтобы кто смотрит сайт на широком экране, то ширина сайта вашего была как на скрине? Это же бред получиться (всё в одну колонку).
ЦитатаГриб ()
То есть чтоб при заходе на сайт с обычного компьютера/ноутбука/нетбука и т.д открывалась версия, которая, допустим, видна с экрана смартфона?
Можно поставить PDA-шаблон (или WAP-шаблон) в качестве основного шаблона сайта, как выше предложили.
И почитайте про адаптивность, ибо вы походу не понимаете что это (дело там не в операторах, а в ширине элементов и их изменении\скрытии в зависимости от ширины экрана). Переписывать шаблон - тоже вариант, но ищите того, кто это готов делать (это не вопрос по системе uCoz, а уже оказание услуги).
Например, в стилях идёт там:
Код
/***** Standard *****/ .wrapper {width:970px;}
Это ширина стандартная у блока с этим классом. Когда смотрят сайт с экрана другой ширины, то применяется медийный стиль, допустим:
Код
/***** iPad Smaller than 959px *****/ @media only screen and (min-width: 768px) and (max-width: 969px) { .wrapper,#content,.eBlock,.sidebox,.forum-box {width:768px;} }
То есть нужно там эти стили прописывать поверх стилей основных. Некоторые блоки меняют свой вид (например, убирается фон, другие отступы, размер шрифта и т.д.) или вовсе становятся скрытыми (в вашем случае те блоки просто нужно будет убирать, а не оставлять невидимыми).
UPD.2: вот еще наткнулся на разобранный вопрос на uВопросы (Доступно только для пользователей) - предлагают делать подмену meta name="viewport", к примеру:
Но там противоположная ситуация - чтобы сайт с адаптивным шаблоном с мобильного видеть как с десктопной версии. А этот мета-тег viewport браузером в десктопной версии не воспринимает же (он для мобильных устройств). То есть, чтобы он сработал - нужно в своём браузере прикинуться pda-устойством (допустим, можно через расширение подменить user agent). Но тогда такой внешний вид сайта будете наблюдать только вы... короче, нужно просто шаблон переписывать.
Сообщение отредактировал -SAM- - Среда, 18 Марта 2020, 15:45
