Шаблон boxed - обновление + бонус Для InstantCMS 2.X.

Всем привет.
С момента моего последнего поста про бесплатный шаблон boxed прошло месяц и за это время в шаблоне много чего доработано.

Список доработок

Фиксируем меню пользователя на верху
Стиль для виджета Список контента
Стили для теги (облака и список)
Стиль для виджета комментарии
Автофокус поле поиска при нажатии
Смена положение сейдбара
Основное меню теперь можно фиксировать
Доработка адаптивности
Константы шаблона по новому принципу
Возможность загрузки favicon
Исправление всех багов

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

Скриншот

Новые стили для виджета теги (для вида Облако и список).
Надо в настройках виджета — Дизайн — Класс CSS для тела — указать is_blocks

Скриншоты

Новый стиль для виджета комментарий, выберается в настройках виджета — Дизайн — Шаблон виджета — simple

Скриншот

Фиксируем меню пользователя к основному меню (включается в настройках шаблона)

Скриншот

Шаблон

Boxed - Адаптивный шаблон

от My-InstantCMS.Ru

Демо Скачать 24 284 загрузки

Бонус

Новые стили для типов контента, выберется в админке — Типы контента — Новости — Стиль списка
Иллюстрация

Скриншоты

Как получить эти стили?
До конца новогодних распродаж, могут бесплатно получить те, у кого больше 10 отзывов в каталоге дополнения. Если у вас отзывов больше 10, пишите мне в ЛС ссылку на свой профиль и почту куда надо отправить стили.

Или купить по 200 руб каждый стиль (список стилей будут пополнятся)

Добавляем schema.org к Open graph

Обновление компонентов и шаблонов

boxed адаптивный бесплатно шаблон

125 комментариев

Реклама #

VSP 8 лет назад #

Вот бы еще стиль контента для главной страницы хотя-бы платный было-бы прекрасно!

Pocus 8 лет назад #

Evanescence, не сочтите меня скотиной неблагодарной. За труды огромное спасибо, но:
* Фиксация меню пользователя (вернее виджет "аватар") и фокус в поле поиска работает в мозиле и мобильном хроме, в десктопном хроме не работает.
* Поле с подсказками при наборе поискового запроса шире 100% и выходит за страницу.
* Виджет "список контента" с вашими стилями перестал показывать картинки из контента.
* Стиль top_grid для "списка контента" видимо рассчитан ровно на 5 плиток и на размещение в позиции top_pocition? Ибо если больше или если в другом месте, то выходит криво.
* Стиль ticker предназначен для размещения в my_topbar?
* Картинки в этом виджете надо бы центровать по вертикали. Ну и эти цветные фильтры, они ужасны. Уж простите.
* Пункт меню "Еще..." не имеет галочки и не раскрывается по наведении курсора.

Ну вот, пока всё. Остальное еще не смотрел.

Pocus 8 лет назад #

* Фиксация меню пользователя (вернее виджет "аватар") и фокус в поле поиска работает в мозиле и мобильном хроме, в десктопном хроме не работает.

Это отменяется. работает. Надо было кэш хрома почистить.

Pocus 8 лет назад #

* Виджет "список контента" с вашими стилями перестал показывать картинки из контента.

Ложная паника. Сам дурак, картинки не включил.

My-InstantCMS.Ru 8 лет назад #

Pocus:

* Поле с подсказками при наборе поискового запроса шире 100% и выходит за страницу.

Да тоже заметил, но манипулировать этим блоком не получилось, не знаю как достать с помощью css, это вроде от браузера

Pocus:

* Стиль top_grid для "списка контента" видимо рассчитан ровно на 5 плиток и на размещение в позиции top_pocition? Ибо если больше или если в другом месте, то выходит криво.

Да на 5 записей и позиция top. Возможно потом еще доработаю что бы в позицию bottom норм встал. Просто в шаблоне больше нет позиции с такой шириной.

Pocus:

* Стиль ticker предназначен для размещения в my_topbar?

Да стиль ticker и виджет Версия для слабовидящих, только к позиции topbar_left

Pocus:

* Картинки в этом виджете надо бы центровать по вертикали. Ну и эти цветные фильтры, они ужасны. Уж простите.

хорошо, возможно сделаю темными а не цветными

Pocus:

* Пункт меню "Еще..." не имеет галочки и не раскрывается по наведении курсора.

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

Pocus 8 лет назад #

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

Я вот о чём. Сравните default и boxed? на обеих картинках есть событие hover. В дефолте список раскрылся и есть галочка (маркер), у нас нет.
А разве у нас не дефолтный скрипт меню?

My-InstantCMS.Ru 8 лет назад #

иконку добавлю.

Pocus:

А разве у нас не дефолтный скрипт меню?

Не совсем, у нас скрипт который по изменению размера экрана, перемешает пункты в Еще, а в дефолте жестко задаете, после какого числа пунктов, перемешать в Еще

pajnut 8 лет назад #

хорошо, возможно сделаю темными а не цветными

Можно не изменять, мне так очень даже подходят цветные фильтры, просто можно сделать выбор, цветной или одноцветный! Автору огромное спасибо за данное обновление!

al955 8 лет назад #

Обновился (из обновления убрал только файл styles.css). Пока косяков не заметил

Killer's dream 8 лет назад #

Ребят кто пользуется шаблоном потестити на данную ошибку. Пост на форуме не понимаю причину данной ошибки, у автора все отлично! Спасибо!

Pocus 8 лет назад #

У меня в мобильном хроме нормально, в других не проверял. Ну если не считать ошибки с верхним отступом, которую вы же и обнаружили.
С отступом и в планшетной ориентации, когда дисплей шире 860рх, иконка сползает как у вас.
В эмуляторе на десктопных Хроме и Мозиле картина такая же.
При ширине от 480рх до 860рх всё ОК, т.к. отступ отключается.
При ширине меньше 480рх фиксация как главного так и верхнего меню отсутствует. Во это уже печально.

Killer's dream 8 лет назад #

Pocus:

Ну и эти цветные фильтры, они ужасны. Уж простите.

Это прозрачный градиент от цвета к цвету
/boxed/css/content/wcl_top_grid.css
c 27 по 85 строку
вставить свои цвета используемые в сайте и будет индивидуально!
Не именно для вас написано может кому то еще не понравиться цвета popcorn

Killer's dream 8 лет назад #

ОФФ ТОП

Pocus 8 лет назад #

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

VSP 8 лет назад #

Добрый день заметил небольшой баг, если создать два разных типа контента но у обеих системное имя будет начинаться к примеру news и newsrussia, получиться что при открытии второго контента newsrussia будет выделяться два пункта меню. Фух как то-так)

&$!#% 8 лет назад #

Этот "небольшой баг" не у этого шаблона, в дефолтном такая же картина.

VSP 8 лет назад #

Спс на дефолте не сталкивался вот и подумал что проблемы с этим шаблоном ...

pajnut 8 лет назад #

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

1. Где и как покупаются стили?
2. Проблема:
При переключении виджеты для шаблона (default <-> boxed) исчез сайдбар... Как вернуть?

My-InstantCMS.Ru 8 лет назад #

1) WebMoney: R380642925354 | Z170841179282
Яндекс деньги: 410012099984285
Qiwi: +79269354436
Счет сбербанк: 40817810640001679889
Оплатить сюда и в текст указать Стили для boxed и свою почту

2) у вас последняя версия? не могу воспроизвести

Скела 8 лет назад #

1. оплатил
2. версия последняя - решил, выбрав в настройке стилей сайдбар (слева - справа) и все вернулось

спасибо

R161Net 8 лет назад #

Отличный шаблон!

VSP 8 лет назад #

Доброй ночи суть вопроса такова я не пойму как вернуть вид виджету до обновления было так после обновления стало так . Я просто не могу понять я что-то наклацал или это было в обновлении...

My-InstantCMS.Ru 8 лет назад #

My-InstantCMS.Ru 8 лет назад #

Это не виджет, в настройках шаблона в поле Скрытый текст, что нибудь напишите, будет отображаться здесь

VSP 8 лет назад #

Спс долго смотрел и не мог понять куда тыкать)))

nachalo 8 лет назад #

Приветствую!Скачал шаблон, установил, а как мне увидеть на сайте его.

Pocus 8 лет назад #

О, это я знаю! Выбрать в настройках интерфейса

nachalo 8 лет назад #

Вот фокус-Pocus! Благодарю!

VSP 8 лет назад #

Evanescence сможешь помочь, как сделать что-бы при большом количестве наборов в контенте в меню добавлялся пункт еще как в верхнем главном меню.
Вот у меня допустим есть меню что-бы следующий пункт попал уже еще.

VSP 8 лет назад #

Не то фото загрузил

My-InstantCMS.Ru 8 лет назад #

Наверно получиться с помощью js такое сделать, но не думаю что наборов на столько могут быть много.
А то что на скрине, почему бы не вывести виджетом Категории?

VSP 8 лет назад #

Проблема заключается в том что это не категории а наборы))) Просто Вы же главное меню делали вот я и подумал что вам по сути не составит труда помочь!

Helg 8 лет назад #

Подскажите, где это можно переделать. Чет не могу понять где в стилях оно. Мне надо черное поле убрать..

MiMoHOD 8 лет назад #

Добавляете необходимые правки в файл /templates/boxed/css/my.css
Например в вашем случае добавляете строку:
#layout .widget > .title{background: #2d82ba}
(#2d82ba - это образец, подставьте нужный вам цвет).

MiMoHOD 8 лет назад #

Только не забудьте очистить кэш браузера после правки.

My-InstantCMS.Ru 8 лет назад #

Кстати давно создал такую страницу http://boxed.clublog.ru/pages/widgets-colors.html но забыл об этом сообщить

kssemenov 8 лет назад #

Спасибо большое за великолепный шаблон!

У меня два вопроса. Первый - куда слать donate? Извините. я тут недавно, не знаю где эту информацию посмотреть.

Вопрос второй - во всех меню белый цвет текста не меняется при фокусировке, вот так:

Но в меню пользователя цвет меняется на синий, вот так:

Мне бы хотелось, чтобы цвет всегда оставался белым. Обыскал все css, эту настройку не нашел. Подскажите. пожалуйста.

My-InstantCMS.Ru 8 лет назад #

Здравствуйте.
1) http://boxed.clublog.ru/pages/donate.html
2) в my.css добавить body .topbar_right .menu li a:hover{color:#fff}

kssemenov 8 лет назад #

Отчитываюсь:

1) Спасибо, все работает.
2) Донат отправлен.

kssemenov 8 лет назад #

Извините, и чтоб два раза не вставать. Как убрать это налезание в меню в Фотоальбомах? Спасибо.

Фиксация топ меню не работает, независимо от указанных настроек в настройках шаблона. Шапку бы вообще не хотелось видеть,а лого можно и в позицию выше перенести http://prntscr.com/dw6yco

kssemenov 8 лет назад #

Здравствуйте. Продолжаю радоваться шаблону. Извините, еще вопрос, только с этим не разобрался. Как глобально сменить шрифт на сайте? Допустим, я скачал какой-то гуглшрифт в созданную папку /boxed/fonts во всех возможных форматах (кстати, какой необходимы и достаточных набор форматов, по awesome-fonts посмотреть?) и что мне после этого прописать в mycss? Спасибо!

My-InstantCMS.Ru 8 лет назад #

Не подключал шрифта, но вроде так

Код PHP:

@font-face {
  font-family: 'ИМЯ_ШРИФТА';
  src:  url('fonts/ИМЯ_ШРИФТА.eot?seaeta');
  src:  url('fonts/ИМЯ_ШРИФТА.eot?seaeta#iefix') format('embedded-opentype'),
    url('fonts/ИМЯ_ШРИФТА.ttf?seaeta') format('truetype'),
    url('fonts/ИМЯ_ШРИФТА.woff?seaeta') format('woff'),
    url('fonts/ИМЯ_ШРИФТА.svg?seaeta#ИМЯ_ШРИФТА') format('svg');
  font-weight: normal;
  font-style: normal;
}

Потом в body указать font-family: 'ИМЯ_ШРИФТА';

Кстати в следующем обновлении полностью откажемся от font-awesome так как шаблон использует всего 1-2% иконок этого шрифта, а он весить 1.7МБ
Я нашел сервис и генерировал только нужные иконки, который весить 130 кб

kssemenov 8 лет назад #

Спасибо!

Pocus 8 лет назад #

Evanescence:

Кстати в следующем обновлении полностью откажемся от font-awesome

Может не надо? Аwesome так и так используется в iVideo, да и красивее они тех же бутсраповских Glyphicon.
Я как раз нацелился избавиться от всех дефолтных рисованных, типа FatCow и прочих.

My-InstantCMS.Ru 8 лет назад #

Pocus:

используется в iVideo

iVideo сам подключает шрифт, не зависимо от того, поддерживается ли в шаблоне или нет.

А так волноваться не стоить, так как новый шрифт уже имеет много, часто используемых иконок, да и вы сами можете собрать свой (здесь https://icomoon.io/app/#/select/) и заменить файлы. Только имя и префикс должны быть такими http://prntscr.com/dzqwre

Pocus 8 лет назад #

Ой, какой интересный сервис! Я там на час завис, игрался :)
Это, выходит, можно собрать винегрет из из разных иконпаков, в том числе и awesome. И даже переименовать иконки можно. Вот только я не понял как их уравнять по размеру, одинаковый grid size установить, что ли.
Добавил в закладки, потом надо будет вернуться, в IcoMoon-Free кое чего не хватает.

My-InstantCMS.Ru 8 лет назад #

В самом сайте размер можете изменить в grid size, но уже в подключенном шаблоне, размер зависит от font-size в css

DDM 8 лет назад #

Подскажите если не сложно. Перенес все из папки templates, но не перенес папку systems. Когда обнаружил косяк - добавил нужные файлы, но русификация переменных в модуле не произошла. В админке к примеру все нормально, в пользовательском же режиме как на скриншоте. Пробывл несколько разных браузеров, т.е. кэш тут не причём.

DDM 8 лет назад #

Скриншот отклеился.

My-InstantCMS.Ru 8 лет назад #

Не понял куда перенесли, но перенесите еще папку /system/language

DDM 8 лет назад #

Все перенёс. Но русификации так и не добился.

My-InstantCMS.Ru 8 лет назад #

в а шаблоне default такая проблема есть?

DDM 8 лет назад #

Всё. Прошу прощения. Проверил, ошибка появилась раньше чем я установил ваш шаблон.

Рачей 8 лет назад #

Разработчик достоин уважения. Хороший шаблон.

Хотелось бы узнать можно ли сменить цветовую гамму легким нажатием руки? А то пришлось целый файл стилей создать что бы добиться желаемого результата.

Владимир Савенко ✝️ 8 лет назад #

а чем Вам не подходит изменение цветов в настройках шаблона ? То что показано в видео.
На мой взгляд реализовано очень симпатично и современно.

kssemenov 8 лет назад #

Зачем файл стилей? В шаблоне уже заложен приоритет файла my.css Копируйте все изменения в него. Плюс админка, но по цветам там настроек маловато, это не Джумла с ее шаблонами. Что, в общем, и хорошо))

My-InstantCMS.Ru 8 лет назад #

Да цвет меняется в админке и еще есть my.css
Лучше там делать свои правки, что бы при обновлении шаблона всё не сбросились.

Владимир Савенко ✝️ 8 лет назад #

После установки мапса сало ломать меню действий и у меня не получилось зафиксировать пользовательское меню. А во всем другом шаблон прекрасен.

My-InstantCMS.Ru 8 лет назад #

Думаю меню действии надо выводить в своих позициях, а не в Аватаре пользователя, так как там я не тестировал, да и пункты меню действия бывают очень длинными и менять вы их не сможете.

Pocus 8 лет назад #

Уважаемый Evanescence, мне это меню действий тоже не дает покоя. Куда его не воткни, везде глаза мозолит.
Сейчас у меня так же, как вашем скрине, над контентом. Пробовал в css оставить только иконки, получается компактнее, но все-равно как седло на корове.
Помогите, пожалуйста, сделать так же, как на демо-сайте icms, в одно стоке с хлебными крошками.
Для контейнера виджета я указал класс fixed_actions_menu, и судя по положению виджета он сработал.
Но чего-то не хватает.

Pocus 8 лет назад #

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

ЗЫ. Извините за опечатки.

My-InstantCMS.Ru 8 лет назад #

Сейчас сделать такой же вывод как в дефолте не получиться. так как позицию хлебных крошек другая, возможно в следующем обновлении будет.
Вернуть старую позицию пока не думаю, так как бывает длинные заголовки и несколько разделов, где хлебные крошки не вмешаются в блок контента

Pocus 8 лет назад #

Evanescence:

как в дефолте не получиться. так как позицию хлебных крошек другая

Ну, собственно, уже получилось. В шаблоне не хватает элемента "<section>" Достаточно в "theme-widgets.css в последних 4-х правилах удалить "section" и виджет, если он установлен в позиции над контентом и имеет css класс для контейнера "fixed_actions_menu menu_options", приобретает нужный вид в нужном месте, как в дефолте.
Но внутри у него в списке <ul> полный бардак. Пытаюсь разобраться.

Evanescence:

хлебные крошки не вмешаются в блок контента

А это? Особенно "asBreadcrumbs" хорош.
Надо, надо вернуть позицию. Ценность крошек как элемента навигации очень страдает.

Pocus 7 лет назад #

ЗЫ. Кстати, как компромисс, крошки можно просто сдвинуть под блок слайдера, т.е. перед блоком контента и сайдбаром.
Он будет 100% шириной и, если над контентом не лепить больших виджетов, будет выглядеть более-менее.
Хотя я бы предпочел в блок контента.

Владимир Савенко ✝️ 7 лет назад #

В процессе эксплуатации еще нашел небольшую проблему. Подменю третьего уровня закрывает родительскую подменю второго уровня, что не дает зайти на эту родительскую категорию

Наверное это правится в css но я еще не знаю структуру двойки и тем более адаптивность.
Вы не подумайте, что придираюсь. Шаблон мне все больше нравится, просто хочу помочь Вам в оттачивании до совершенства Вашего творения.

My-InstantCMS.Ru 7 лет назад #

На демо сайте так же?

Владимир Савенко ✝️ 7 лет назад #

В статьях нет, в новостях у Вас нет вложенных категорий, поэтому ничего сказать не могу

Pocus 7 лет назад #

А почему у вас третий уровень вниз раскрывается, как в мобильном? Но само меню выглядит как обычно?
Мобильный вид этого меню не совсем адаптирован под браузеры. Посмотрите в хроме, так же будет?

Владимир Савенко ✝️ 7 лет назад #

Вот и я не знаю почему... В хроме так же... Полез копать настройки... Наверное что то накасячил, т.к в двойке я новичок

Владимир Савенко ✝️ 7 лет назад #

Когда отключаю леае auto в styles.css 255 строка то все отображается нормально, но я вообще здесь ничего не менял ранее(((

Код PHP:

nav#main_menu .menu li:last-child ul {
    right: 0;
    /* left: auto; */
}

Владимир Савенко ✝️ 7 лет назад #

225 строка

Pocus 7 лет назад #

Ну и у меня так же. Это относится только к последнему пункту меню (last-child). Вы нашли что-то не то.

Владимир Савенко ✝️ 7 лет назад #

возможно, но ошибочное отображение ушло... подождем что скажет разработчик шаблона

My-InstantCMS.Ru 7 лет назад #

Была ошибка в селекторах, будет исправлено в следующих обновлениях.
А пока можете у себя, в файле templates/boxed/css/styles.css строку 225 до 230 заменить на

Код PHP:

nav#main_menu .menu > li:last-child ul{right: 0;left: auto}
nav#main_menu .menu > li:last-child ul li ul{    
    right: auto;
    left: -200px !important;
    top: 0px !important;
}

VSP 7 лет назад #

Evanescence помоги пожалуйста сделать форму комментариев что бы была всегда открыта . - то есть вот так.
Облазил весь форум не чего не помогло!

My-InstantCMS.Ru 7 лет назад #

Не проверял, но попробуйте в my.css добавить

Код PHP:

body #comments_widget #comments_add_form{display:block}
body #comments_widget #comments_add_link{display:none}

VSP 7 лет назад #

Спс вы правы заработало!

Jestik 7 лет назад #

Я Вам на форуме точно такое же написал)

VSP 7 лет назад #

Доброй ночи! Нашел еще одну маленькую проблему, если включить в шаблоне Фиксировать основной меню и фиксировать меню пользователя и сделать отступ от верхней границы меню пользователя из header уезжает.

My-InstantCMS.Ru 7 лет назад #

Здравствуйте, про эту ошибку знаю и уже исправлено, ждите обновления

VSP 7 лет назад #

хорошо спс Вам жду обновления.

Скела 7 лет назад #

Добра... Очень странно, но именно на этот шаблон виджет с одноклассников не хочет становится. Код при "вскрытии" есть, а сам виджет не отображается. Меняем шаблон на дефолтный и норм.
В чем может быть проблема?

My-InstantCMS.Ru 7 лет назад #

Консоль показывает какие то ошибки?
Можно ссылку на сайт в ЛС?

Скела 7 лет назад #

Ссылку кинул в ЛС.
По консоли на js ругается.. на локальном тестовом без ошибок, но результат тот же.

My-InstantCMS.Ru 7 лет назад #

Исправлены все баги и реализованы хотели, обновление здесь http://instantcms.ru/blogs/moi-razrabotki/obnovlenie-boxed-v1-0-5.html

reneplus 7 лет назад #

Доброго времени! Подскажите, как сделать, чтобы в списке контента выводилось количество просмотров?

reneplus 7 лет назад #

Доброго времени! Подскажите, как сделать, чтобы в списке контента выводилось количество просмотров?