Адаптивный шаблон InstantCMS 2+

Тема в разделе "InstantCMS", создана пользователем slavik11, 29 сен 2014.

Модераторы: Maybe
  1. slavik11

    slavik11 ------------

    Регистр.:
    7 июл 2014
    Сообщения:
    211
    Симпатии:
    156
    1.JPG
    Не плохой шаблон для второй ветки инстанта, который имеет адаптивный дизайн и меняющеюся шапку, шапка меняется каждый час имеет 24 варианта для каждого времени суток, либо чего придумаете вы!
    Дэмо:
    Скачать:
     
    estr, Adiemus, b788888888 и 3 другим нравится это.
  2. LavTeam

    LavTeam Создатель

    Регистр.:
    23 окт 2014
    Сообщения:
    10
    Симпатии:
    1
    Подскажите, поставил ответ, а в телефоне не помещается по ширине. Что нужно допилить?
    Вроде все норм прописано:
    Код:
    /* Media Queries ============================================================ */
    
    @media screen and (max-width: 980px) {
        #body section { width:100% !important; }
        #body aside { display:none; }
    }
    
    @media screen and (max-width: 800px) {
        #body section { width:100% !important; }
        #body aside { display:none; }
        nav { padding:5px; height:auto; }
        nav .menu { display:none; }
        nav select { display: block; }
        #layout footer #info { display: none !important; }
    }
    
    @media screen and (max-width: 640px) {
        #layout header #logo { margin: 0 auto; overflow:hidden; width:200px; }
        #layout header .menu { display:none; }
        .tabs-menu ul { display:none; }
        .tabs-menu select { display:block !important; }
        /*.widget > .title { font-size:14px !important; }*/
        .widget > .title .links { display:none; }
        .content_item .ft_image { float:none !important; }
    }
    
    @media screen and (max-width: 480px) {
        #layout footer #nav { display: none !important; }
    }
    

    Телефоны на которых проверял: iphone 4s, samsung ace 2
     
  3. dimabik

    dimabik

    Регистр.:
    14 мар 2008
    Сообщения:
    983
    Симпатии:
    184
    Вот такой он адаптирован, одни слова только....
     
  4. LavTeam

    LavTeam Создатель

    Регистр.:
    23 окт 2014
    Сообщения:
    10
    Симпатии:
    1
    Это я понял, а подправить нельзя никак? Масштабировать как-то.... К сожалению, не силен в этом...

    PS В хроме отладкой пробовал править css - ничего не вышло.
    Хромом выяснил, чтобы подстроиться под сайт нужен экран 480 точек по ширине... но айфон укладывается в это. Не понимаю.
     
    Последнее редактирование: 10 ноя 2014
  5. LavTeam

    LavTeam Создатель

    Регистр.:
    23 окт 2014
    Сообщения:
    10
    Симпатии:
    1
    В общем получилось исправить.
    div.laWrapper
    {
    min-height: 100%;
    background: url("../images/la_header.jpg") top center repeat-x;
    min-width: 320px; Было 480
    }
    div.laHeader
    {
    min-height: 282px;
    background: url("../images/la_wrapper.jpg") top center no-repeat;
    }
    div.laCont
    {
    max-width: 1160px;
    padding: 0 20px;
    min-width: 320px; Было 480
    margin: auto;
    }

    и в
    @media screen and (max-width: 700px) {
    div.laCont
    {
    padding: 0 2px;
    min-width: 320px; Было 476
     
    dimabik нравится это.
  6. estr

    estr

    Регистр.:
    8 дек 2014
    Сообщения:
    165
    Симпатии:
    19
    за шаблон спасибо конечно, выбрать то под новую ветку совсем не из чего.
    по новостной сайт, а именно городской, такой для начала как будет смотреться, что думаете?
    Больше актуален, мне кажется, будет News Box от ic-newsbox2.dezerit.org.ua , солидней и проще смотрится, но он под 1ю ветку, автор адаптацией заниматься не будет, с его слов, а новую разработку начнет как минимум в средине зимы.
    Кто заинтересован в адаптации этого удобного и приятного шаблона - пишите в личку, скинуться вместе будет дешевле чем в рознь .