Есть шаблон на Джумала 2.5 как выключить мобильный шаблон?

Discussion in 'Внешний вид, шаблоны, графика' started by Matos, Apr 29, 2015.

  1. Matos
    Offline

    Matos Пользователь

    Joined:
    Apr 12, 2015
    Messages:
    37
    Likes Received:
    0
    Gender:
    Male
    Есть шаблон на JOOMLA 2.5 как выключить мобильный шаблон? Шаблон сделан с помощью ARTIsteer!
    адрес сайта: GASTRONOMCHIK.SU
     
  2.  
  3. shure348
    Offline

    shure348 Активист

    Joined:
    Aug 21, 2012
    Messages:
    145
    Likes Received:
    27
    Gender:
    Male
    1. удалить или закомменить в css все @media (min-width: 1280px) {} и подобные
    2. изменить в head <meta name="viewport" на
    <meta name="viewport" content="width=980(выставить нужную ширину)" initial-scale="1.1" minimum-scale="1.0" />
     
  4. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Как раз этого и нельзя делать, а то останется "вечно мобильный" вид :)
     
  5. shure348
    Offline

    shure348 Активист

    Joined:
    Aug 21, 2012
    Messages:
    145
    Likes Received:
    27
    Gender:
    Male
    ну я не конкретно разрешение прописал) голову надо подключать)
    под десктопные разрешения как раз @media и не пишут обычно
     
  6. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Как раз наоборот!
    Обычно принято идти от малого разрешения. Сначала под мобильники, затем - под бОльшие разрешения, и т.д....

    А если надо подключать голову, то так и пиши ;) ...а то примут за чистую монету....
     
  7. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Как-то так:
    Код (css):
    1. /* best breakpoints */
    2. @media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
    3. @media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
    4. @media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
    5. @media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
    6. @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
    7. @media (min-width:1281px) { /* hi-res laptops and desktops */ }
    8. /*  to work better with 960 grids: */
    9. @media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
    10. @media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
    11. @media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
    12. @media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
    13. @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
    14. @media (min-width:1281px) { /* hi-res laptops and desktops */ }
    15. /* In practice, many designers convert pixels to ems, largely b/c ems better afford zooming.
    16. At standard zoom 1em === 16px. Multiply pixels by 1em/16px to get ems. For example, 320px === 20em.
    17. */
     
    Last edited: May 6, 2015
  8. shure348
    Offline

    shure348 Активист

    Joined:
    Aug 21, 2012
    Messages:
    145
    Likes Received:
    27
    Gender:
    Male
    я имел ввиду что для основной "простыни" цсс @media обычно не пишут
    удаление всех @media из тех же bootstrap и foundation к краху не приведет

    понятно что маленькое проще растянуть чем большое ужать... дизайнеры (нормальные;)) тож вначале "320" рисуют (по крайней мере от наших я требую)
     
  9. Matos
    Offline

    Matos Пользователь

    Joined:
    Apr 12, 2015
    Messages:
    37
    Likes Received:
    0
    Gender:
    Male
    Мужики спасибо! за развернутый ответ! Я только в одном месте одну строчку закомментировал и все ок! ))) наверное голову включил )))
     

Share This Page

Loading...