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

+74
4.67K
Иллюстрация
Адаптивный шаблон для тех кто хочет запустить сайт с InstantCMS 2 RC. После выхода релиза шаблон конечно будет обновлен

Установка:

1. Загрузить файлы в корень сайта.
2. Зайти в Админка -> Настройки -> Интерфейс -> Тема оформления = выбрать new
2.1. Если хотите добавить баннер рядом с логотипом, зайдите Настройки темы и заполните поля Баннера
3. Зайдите Админка -> Виджеты и переставьте виджетов так как на рисунке widgets.gif
Иллюстрация
4. Добавлен еще несколько стилей для виджетов вы можете выбрать их в настройках виджета
Иллюстрация
5. Добавьте в виджет Меню действий Класс CSS = testmenu
Иллюстрация

Демо

Скачать

0
banachi banachi 10 лет назад #
Не плохой шаблон, но куда спешить? Релиза то еще не было, а ставить на InstantCMS 2 RC глупо
0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
кому как, я запустил сайт еще с бетой :)
0
akhasanov akhasanov 10 лет назад #
И как, не жалеете? Есть нарекания? ;)
+3
eoleg eoleg 10 лет назад #
Ну автор молодец, сначала флиртики, теперь шаблон.
Спасибо!
+1
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Научился наконец то программировать)
0
Су-27 Су-27 10 лет назад #
Значит будем обращаться hoho И плюсик за шаб
0
Stecc Stecc 10 лет назад #
В FF-26 косяк со слейдером.



А так, за работу спасибо +
0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Этот косяк есть и в дефолтном шаблоне, думаю в релизе исправят, а так я не нашел решение
+3
Викторыч Викторыч 10 лет назад #
Я менял значения width в css - templates\default\css\theme-widgets.css, вот как сейчас у меня выглядит:

""


Не могу сравнить с дефолтными, потому что нет на винте релиза, но исправленный css выглядит так:

Код PHP:
  1. .widget_content_slider .slide {
  2. background-position: left center;
  3. overflow:hidden;
  4. position:relative;
  5. vertical-align: bottom;
  6. min-width: 500px;
  7. }
  8. .widget_content_slider .slide img {
  9. position:absolute; left:0; top:0; z-index:1;
  10. display:none;
  11. width: 520px;
  12. }
  13. .widget_content_slider .slide img:first-child {
  14. display:block;
  15. }
  16. .widget_content_slider .slide .heading {
  17. float:left;
  18. display:inline-block;
  19. padding:10px;
  20. background:rgba(0,0,0,0.85);
  21. width:100%;
  22. width: 500px;
  23. }
Это фрагмент, где я менял длину...
0
Олег с клещами Олег с клещами 10 лет назад #
Это проблема только в FF? в остальных нормально всё
Можно совсем просто исправить (на примере дефолтного):
theme-widgets.css
строка 244: поменять z-index:1 на z-index:0
строка 287: добавить background:#eee;
-1
Reborn Reborn 10 лет назад #
+ конечно же))
На разрешении от 770 до 950 не отображается сайдбар http://quirktools.com/screenfly/#u=http%3A//fh9929nq.bget.ru/&w=770&h=600&s=1&p=1
+2
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
После выхода резила, будет исправлено
+1
Trang Trang 10 лет назад #
+ и спасибо, хоть мне и без надобности
+3
Dost Dost 10 лет назад #
Еще один человек делает инстант доступнее. Спасибо!
0
Helg Helg 10 лет назад #
Интересный шаблон. Сразу аж захотелось сайт на двушке собрать laugh . Ну и + конечно от меня тоже.
0
RSN RSN 10 лет назад #
Все позитивно, и конечно плюс.
Но все таки RC... наверно было бы 10 плюсов автору если бы шаблон поддерживался им по выходу релизов версии.
-3
akhasanov akhasanov 10 лет назад #
Так дефолтный шаблон ведь тоже адаптивный? Смысл в вашем, если в нем еще и большое количество багов?
+1
Reborn Reborn 10 лет назад #
Если есть Киркоров, смысл в других артистах, будем слушать его одного crazy
А вообще, если Вы успели заметить, в дефолтном сайдбар не адаптивен, тупо исчезает да и всё...
0
Николаич Николаич 10 лет назад #
Ну назвать Киркорова артистом - это смело)))))
А в целом ПРАВ! Нужно больше шаблонов хороших и нужных!
0
Bubble Gumoff Bubble Gumoff 10 лет назад #
Правильно писать Выберите меню вместо выберете, или лучше привычную зебру и Меню =
+1
Николаич Николаич 10 лет назад #
Очень напомнил NewsMagazine. Я прям сперва подумал, что его до "двушки" обновили...
0
Дмитрий Дмитрий 10 лет назад #
За шаблон ОГРОМНЫЙ +
В доске объявлений поля "фильтра" не коректно отображаются при узком экране.
0
RubA RubA 10 лет назад #
молодца
+
буду обращаться
0
SpaceSel SpaceSel 10 лет назад #
Дай краба, бро. laugh Только задумался над этой проблемой, а тут она решена. Молодец.
0
nedoriko nedoriko 10 лет назад #
Интересно. А как он с мапсом и видео себя покажет?
-2
letsgo letsgo 10 лет назад #
Наверно также как Instantcms 3 покажет себя с компонентом InstantPower.
0
SE7EN SE7EN 10 лет назад #
Чего-то не доганю как свой стиль приделать для виджетов. Подскажите пожалуйста!!!
+1
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Создайте файл list_ИМЯ.tpl.php в www\templates\default\controllers\content\widgets\list а потом надо открыть файл www\system\controllers\content\widgets\list\options.form.php и добавить в строку 46
Код PHP:
  1. new fieldList('options:style', array(
  2. 'title' => LANG_WD_CONTENT_LIST_STYLE,
  3. 'default' => 'basic',
  4. 'items' => array(
  5. 'basic' => LANG_WD_CONTENT_LIST_STYLE_BASIC,
  6. 'featured' => LANG_WD_CONTENT_LIST_STYLE_FEATURED,
  7. 'tiles_big' => LANG_WD_CONTENT_LIST_STYLE_TILES_BIG,
  8. 'tiles_small' => LANG_WD_CONTENT_LIST_STYLE_TILES_SMALL,
  9. 'compact' => LANG_WD_CONTENT_LIST_STYLE_COMPACT,
  10. 'ИМЯ'=> 'НАЗВАНИЕ В АДМИНКЕ',
  11. )
  12. )),
0
SE7EN SE7EN 10 лет назад #
спасибо, получилось!
0
SE7EN SE7EN 10 лет назад #
Возник ещё вопрос: Как сделать так (хотя бы в виджетах) чтоб если у записи нет картинки то выводилась бы картинка "нет фото"?
+1
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Код PHP:
  1. <?php if ($image_field && !empty($item[$image_field])) { ?>
  2. <img src="Тут картинка из новостей">
  3. <?php } else { ?>
  4. <img src="Тут ссылка на nophoto.jpg">
  5. <?php } ?>
0
SE7EN SE7EN 10 лет назад #
Спасибо, приду домой с работы попробую.
0
SE7EN SE7EN 10 лет назад #
ОК, практически всё поучилось, только в "журнальном" виджете никак не могу, знаний пхп не хватает. zst
0
SE7EN SE7EN 10 лет назад #
и в слайдере не могу догнать как этот код переделать.
Код PHP:
  1. <?php foreach($items as $id=>$item) { ?>
  2. <img src="<?php echo html_image_src($item[$image_field], 'big'); ?>" class="slide-<?php echo $id; ?>">
  3. <?php } ?>
0
SE7EN SE7EN 10 лет назад #
и ещё вопросик: как у записи (новость/статься) в виджете вывести название категории?
0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Тоже хотел бы узнать)
0
djnik djnik 10 лет назад #
поставил себе, вот ошибки показывает

0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Может потому что вы скачали шаблон для RC а не для релиза? Попробуйте это http://instantcms.ru/blogs/moi-razrabotki/adaptivnyi-shablon-dlja-instantcms-2-vidzhet.html
0
djnik djnik 10 лет назад #
попробовал поставить, появился слайдер , но справа и с верху слайдера ошибка осталась
0
djnik djnik 10 лет назад #
обновил по ссылке, но ошибки так и остались, как их исправить??
0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
А что там за ошибка? Можете текст скопировать или фотку большую загрузить?
0
djnik djnik 10 лет назад #
эта над слайдером , поиском : [an error occurred while processing the directive]

может скинуть ссылку сайта что вы глянули ?
0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
а на default шаблоне такая проблема есть? Думаю это проблема со стороны сервера, наверно SSI
0
djnik djnik 10 лет назад #
на default шаблоне такого нету

Еще от автора

Компонент Находки и потеряшки
С помощью данного компонента можете организовать на сайте Бюро находок, где пользователи пишут о своих находках или потерянных вещах.
Разработка компонента Справочник
Анонс разработки компонента Справочник для InstantCMS2
Разработка компонента Викторина
Обсуждение разработки нового компонента Викторина или Тесты
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.