Помощь Мобильная версия вашего сайта

[Alekskol135]

Подскажите пжл, кто сталкивался с созданием мобильной версии вашего сайта на Opencarte.
Смотрю есть много шаблонов уже с моб. версией.
Кто в курсе как это делается. Или как можно вытянуть из тех же шаблонов(неохота ставить уже готовые шаблоны).
Нашел вот такой конвектор Для просмотра ссылки Войди или Зарегистрируйся
Но интересней сделать самому... Кто сталкивался подскажите...

 

[shoma]

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

 

[puagardian]

Это через медиазапросы и "резиновый макет" делается. Все довольно несложно для тех кто в верстке разбирается.
Если есть неплохие знания в верстке и охота сделать самому то рекомендую книгу Итана Маркотта "Отзывчивый веб-дизайн" (есть в открытом доступе), читается за несколько часов, все предельно понятно.

 

[Alekskol135]

Тоже вот нашел интересную статейку по адаптивному дизайну -Для просмотра ссылки Войди или Зарегистрируйся
А где можно найти "резиновый " макет?

 

[puagardian]

Тоже вот нашел интересную статейку по адаптивному дизайну -Для просмотра ссылки Войди или Зарегистрируйся
А где можно найти "резиновый " макет?

Искать ничего не нужно, его нужно делать. В выше представленной книге также рассказывается как из обычного макета сделать "резиновый".

 

[stwild]

Ну самое простое, это сверстать на плавающих блоках, т.е. так, чтоб на маленьком экране блоки уплывали влево, так как не помещаются на ширину экрана.
Дополнительно можно воспользоваться css правилом @media (Для просмотра ссылки Войди или Зарегистрируйся), оно позволит задать свою таблицу стилей для маленького экрана.
Настоятельно рекомендую прочитать ранее уже озвученную книгу "Отзывчивый веб-дизайн", если не хватает опыта для самостоятельной responsive-вёрстки, полезно и в целом для прокачки собственных скилов вёрстки и для детального понимания как верстать мобильную версию ))

UPDATE
А так вообще, если верстать шаблон собираешься с нуля, то есть смысл применить bootstrap. вот квикгайд по нему Для просмотра ссылки Войди или Зарегистрируйся

 

[stsepelin]

Если посмотреть, больше половины новых шаблонов написаны с применением bootstrap и все без проблем работают.
На мой взгляд лучший вариант.

 

[Drazor]

Раз уже создана такая тема, то напишу сюда - какой способ наиболее оптимальный для определения мобильного браузера? Чтобы при заходе с мобильного устройства переадресовывалось на сайт типа mobile.site.ru?

 

[Arcvi]

Раз уже создана такая тема, то напишу сюда - какой способ наиболее оптимальный для определения мобильного браузера? Чтобы при заходе с мобильного устройства переадресовывалось на сайт типа mobile.site.ru?

разве это уже не прошлый век. лучше использовать резиновый дизайн. responsive. на themeforest практически все такие идут

 

[sitecreator]

разве это уже не прошлый век. лучше использовать резиновый дизайн. responsive. на themeforest практически все такие идут

не прошлый век. это просто другой подход, и во многих случаях весьма разумный.
у Яндекса же ведь есть специальная мобильная версия: Для просмотра ссылки Войди или Зарегистрируйся