ПолезностиАдаптивный шаблон City для instantCMS 2.x

Главные вкладки

Адаптивный шаблон City для instantCMS 2.x
City - адаптивный шаблон городского портала для InstantCMS 2. Был бесплатным для wordpress, теперь адаптирован и под InstantCMS. 
Шаблон City имеет несколько позиций колонок.  Верхний фон и логотип меняются из админки.
Адаптивность тестировалась на нескольких устройствах и мобильниках (смотри скриншоты в галерее. Первый - с компа, второй с планшета, третий - мобила)
 

Преимущество шаблона:

 
1. Адаптивный шаблон
2. Поддержка иконок Font Awesome (смотри в меню Иконки)
3. Меняется позиция Sidebar
4. Можно менять количество колонок сайта
 

Установка шаблона:

 
Скачай архив и загрузи файлы себе на хостинг
 
В админке по умолчанию выбери дизайн City
 
Переставь виджеты по позициям как на рисунке:
 
 
city_postion.jpg
 
Серые и не активные виджеты на рисунке — это виджеты которые будут отображаться на всех страницах, переключиться по страницам можешь на левой части админки:
 
pages_widget.jpg
 
А вот для этого виджета соц-иконки
city_icon.jpg
создай виждет HTML блок и добавь код:
 
 
<p>Шуруй за нами:</p>
<ul class="social-links">
<li><a class="social-tooltip" title="Twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li><a class="social-tooltip" title="Facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li><a class="social-tooltip" title="Google+" href="#"><i class="fa fa-google"></i></a></li>
<li><a class="social-tooltip" title="Dribbble" href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a class="social-tooltip" title="RSS Feed" href="#"><i class="fa fa-rss"></i></a></li>
</ul>
 
Картинка на шапке должна быть высотой 299px, а ширина на ваш выбор.
 

В виджет Список контента добавлено еще несколько стилей.

city_gird_w.jpg

 

Для создания данного стиля зайди на страницу виджеты, добавь новый виджет Список контента в центральную позицию, в настройках виджета выбери стиль Шаблон, заданный во вкладке Дизайн

 

city_gird_s.jpg

Потом в вкладке Дизайн, в поле Шаблон виджета = написать grid

city_gird_s2.jpg

Слайдер

 
Для виджета слайдер, во вкладке Дизайн, в поле Шаблон контейнера = написать wrapper_plain
city_slider_s.jpg
Скачать: 
Категория: 
Шаблоны для Instantcms