Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как настроить несколько рабочих шаблонов

Как настроить несколько рабочих шаблонов


     12.01.2014    шаблон, мобильный, smartphone    Все вопросы » Общие вопросы    2848

вопрос
Привет все, с праздником вас, но все так и мне нужно помощь и прошу помочь.
Дело в том что у меня есть сайт на тематике смартфонов и планшетов www.androidsland.ru и на сайт посетители заходят с разных устройств с разными разрешениями экрана.
Несколько дней назад я нашел хак с помощью которого можно настроить скрипт так чтобы одновременно работали 4 шаблона
  1. Cтандартный (указанный в админке) - Компьютеры/Ноутбуки/Нетбуки(на WindowsNT)
  2. tabletpc - Планшеты (Android/IOS/WindowsPhone)(втч Galaxy Note) / Нетбуки(Android/WindowsCE)
  3. smartphone - Смартфоны
  4. mobphone - Телефоны на J2ME

А вот и инструкции к хаку: https://www.dropbox.com/s/qy3fho6r0gbttrv/manual_MobTPL.html

Я все настроил все работает только у меня 2 проблемы:
  1. Хочу сделать так чтобы все пользователи браузера Opera Mini попали в шаблон mobphone (то есть тег phone)
  2. Хотелось чтобы все пользователи которые вошли на сайт с аппаратов с меньшем размером экрана чем 480px тоже попали на шаблон mobiphone не зависимо от ОС


Помогите пожалуйста реализовать это, а то я в PHP совсем Кирпич.

Ответа пока нет


9 комментариев

D0Gmatist
Юзер

D0Gmatist - 12 января 2014 16:46 -

А почему ни сесть самому (если понимаете как это делать) или оплатить работу со стороны и сделать шаблон адаптивным?
а не пытаться вставлять костыля

samo733792
Юзер

samo733792 - 12 января 2014 16:50 -

Я в вопросе уже сказал что нечего не понимаю в PHP, а вот от адаптивного нормального шаблона я бы не отказался.
Вы делаете такие работы?

D0Gmatist
Юзер

D0Gmatist - 12 января 2014 17:12 -

Ну так вы в платную папку оформляйте такое

и повторюсь .. это бесполезные костыли .. это всё делается кроссбраузерно с помощью css3
#dle-content{width:1450px;}
@media (max-width:1449px){
    #dle-content{width:1210px;}
}
@media (max-width:1209px){
    #dle-content{width:970px;}
}
@media (max-width:969px){
    #dle-content{width:730px;}
}
@media (max-width:729px){
    #dle-content{width:490px;}
}
и так далей .. можно под каждый изменённый пиксель окна это сделать

samo733792
Юзер

samo733792 - 12 января 2014 17:30 -

Причем тут папка? Вы здесь и я здесь.
Так вы можете адаптировать или нет? Если да то сколько это будет стоить?

D0Gmatist
Юзер

D0Gmatist - 12 января 2014 17:35 -

1) где я говорил про папка
2) я просто вам попытался рассказать о том как правильно
3) возьмите этот сайт .. он кроссбраузерно построен
http://quirktools.com/screenfly/#u=http%3A//dle-faq.ru/&w=1024&h=600&s=1

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

samo733792
Юзер

samo733792 - 12 января 2014 17:46 -

Цитата: D0Gmatist
Ну так вы в платную папку оформляйте такое

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

D0Gmatist
Юзер

D0Gmatist - 12 января 2014 18:08 -

всё началось когда появился CSS3

предисловие @media позволяет указать тип носителя, для которого будет применяться указанный стиль. В качестве типов выступают различные устройства, например, принтер, КПК, монитор и др. В табл. 1 перечислены некоторые из них.

К примеру
ширина 100px значит медиа
@media (width:100px )

если ширина ни меньше 100px значит медиа
@media (min-width:100px )

если ширина ни больше 100px значит медиа
@media (max-width:100px )

к примеру
у нас есть
1920
1680
1280
1200
думаю хватить (не буду за вас всё расписывать [хотя я думаю это всё можно найти уже готовыми])

и так если ширина экрана 1920px
ширина окна браузера 1920px больше или ровна @media 1200px то применимы меди @media 1200px
@media (min-width:1200px){
тут стили
}
ширина окна браузера 1920px больше или ровна @media 1200px !но так ка ниже @media 1280px то они перебивают стили те что выше
@media (min-width:1280px){
тут стили
}
ширина окна браузера 1920px больше или ровна @media 1200px и больше @media 1280px !но так ка ниже @media 1680px то они перебивают стили те что выше
@media (min-width:1680px){
тут стили
}
ширина окна браузера 1920px больше или ровна @media 1200px и больше @media 1280px и больше @media 1680px !но так ка ниже @media 1920px то они перебивают стили те что выше
@media (min-width:1920px){
тут стили
}

samo733792
Юзер

samo733792 - 12 января 2014 18:30 -

Я тебя правильно понял
@media (min-width:1200px){
Вот здесь нужно написать код полного стиля и для каждого размера отдельно от редактированный?
}

D0Gmatist
Юзер

D0Gmatist - 13 января 2014 00:30 -

Да всё правильно .. не все стили а толь ка те которые играют роль при разных разрешениях экрана

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх