Шаблон Anima HNY для InstantCMS v2.1.2

2319
Приветствую, сообщество.

Стало интересно посмотреть, как устроен шаблон в двойке. Прошел первый час, второй, третий... и результатом явился шаблон Anima HNY. Что говорится, глаза боялись, а руки делали laugh Впечатления от верстки на двойку замечательные. Спасибо большое r2!

Позиции шаблона:


Скриншот сайта
Шаблон полурезиновый, для просмотра на планшетах и компьютерах.

Демо можно посмотреть по ссылке.

Качать здесь.

Установка: распаковать скачанный архив в папку templates, в настройках сайта указать тему оформления Anima_Happy_New_Year. Верхнюю широкую позицию рекомендуется использовать только для слайдера.

Всех с наступающим!

P.S.
A_slider для 1.10.*
Способы сказать спасибо:
Модуль Anima News Slider - ротатор последних новостей [InstantCMS 1.10.3-1.10.5] | Адаптивный шаблон Anima MBY для InstantCMS 1.10.5
Комментарии (26)
HostelB 24 декабря 2014 в 22:50 +2
Оооо...Плюсую! Отличная работа! правда от позиций дефолтного мало чем отличается, но сама цветовая гамма и подача идеальна!
qwest 24 декабря 2014 в 23:51 +2
Понравилась компоновка отличный шаблон плюсую. Приятно смотреть не рябит в глазах от переизбытка блоков.
Андрей 25 декабря 2014 в 05:44 +1
Шаблон классный, мелкое замечание: последний пункт в меню "еще", когда список выпадает, он вылезает за границу рабочего поля шаблона.
Было бы правильней выравнять его по правому краю основного пункта меню, а не по левому...
Джехутимери 25 декабря 2014 в 21:17 0
Была проблема с отображением картинок на сайте. Переносил с денвера, забыл изменить путь к папке upload. Теперь на демо-сайте всё отображается как следует.
SpAyN 26 декабря 2014 в 16:25 +2
Замечательный шаблон, но мне кажется что лучше смотрится если увеличить иконки в слайдере:

Для тех кому интересно как:
1) Открываем файл \controllers\content\widgets\slider\slider.tpl
в строке
Код PHP:
  1. <?php echo html_image($item[$image_field], 'micro'); ?>
меняем 'micro' на 'small'
2) И чтобы нормально смотрелось, меняем в: theme-widgets.css
Код PHP:
  1. .widget_content_slider .items .item .image {
  2. float:left; margin-right: 10px; margin-top: 3px;
  3. }
на
Код PHP:
  1. .widget_content_slider .items .item .image {
  2. float:left; margin-right: 10px; margin-top: -10px;
  3. margin-bottom: -10px;
  4. }
Я не силен в css так что сделал как-то так)
Владимир 4 января 2015 в 13:56 +1
Хороший шаблон. Хотел спросить, а как логотип свой прикрепить? Подскажите.
Джехутимери 4 января 2015 в 14:03 +1
В папке images есть картинка logo.png, достаточно будет изменить её на свой логотип.
Владимир 4 января 2015 в 15:27 0
Не заметил stuk
Владимир 5 января 2015 в 18:59 0
Верхнее меню не корректно отображается.
Джехутимери 5 января 2015 в 19:18 0
Похоже, что-то не то сделали.
Скиньте в ЛС подробности и адрес сайта.
ramzes55 10 января 2015 в 23:34 0
Уберите класс из верхнего меню и оно нормально встанет
ramzes55 10 января 2015 в 23:42 0
Точнее класс CSS из пунктов верхнего меню
Sergon 11 января 2015 в 16:50 0
Установил на InstantCMS v2.1.2, всё корректно работает! Отличная работа!
Sergon 19 января 2015 в 15:12 0
Подскажите пожалуйста, как сделать обтекание картинки текстом в блогах? К сожалению моих знаний не достаточно, а так хочется покомпактнее сделать.
Джехутимери 19 января 2015 в 15:55 0
Добавьте в theme-content.css в конце:
Код CSS:
  1.  
  2. .content_item .field {
  3. overflow: visible;
  4. }
  5.  
  6. .content_item .ft_text, .content_item .ft_html {
  7. clear: none;
  8. }
  9.  
Джехутимери 19 января 2015 в 16:07 0
Обратите внимание: эта поправка изменит также и вид статьи с превью, и другие подобные типы контента.
Димарио 27 февраля 2015 в 13:44 0
Помогите исправить.. Логотип разъезжается если сужать окно

Джехутимери 27 февраля 2015 в 15:11 0
Так должно быть smoke
Димарио 16 марта 2015 в 14:39 0
Но так не смотрится же. Подскажите как сделать
nmsk 6 марта 2015 в 13:15 0
Если в меню много пунктов, то страница разъезжается + пустое место есть.. :(

""
Джехутимери 6 марта 2015 в 14:15 0
Если много пунктов - меню выталкивается вниз под логотип, потому такое отображение. По поводу пустого места, дефолтно так же выглядит. Второе в свободное время поправлю.
Выход по первому:
а) уменьшить логотип;
б) уменьшить шрифт в меню и/или отступы пунктов.
letsgo 6 марта 2015 в 16:42 -1
Всегда в шаблоне должно быть 2-3 меню, это уже стандарт. Только на мелких сайтах 5-7 пунктов, обычный сайт это уже порядка 25-30 ссылок на разделы и категории сайта. Замечаю, что это редко кто учитывает и делают одно меню. Я понимаю, что додумать как разместить 2-3 меню труднее, но старайтесь этот фактор учесть.
Dobriu 31 марта 2015 в 13:09 0


Недоработка как исправить ?
Дмитрий 14 мая 2015 в 22:52 0
Отличный шаблон! Респект автору!
SpaceSel 15 июля 2015 в 11:27 0
Благодарствую, потестим-с.
Дмитрий 19 ноября 2015 в 15:39 0
Я почему то полурезиновость у шаблона вообще не заметил. Единственно при сужении браузера ломается вся шапка шаблона. Так то шаблон хороший, мне нравиться оформление, но вот адаптивности ну очень не хватает. Я попытался сам сделать адаптивность. Получилось частично, проблемы опять с верхом, но адаптивность работает. Более менее нормально адаптивный шаблон работает, если убрать из него логотип, но я понимаю, что это не выход. Могу поделиться своими наработками, может кто то доведёт шаблон до ума.