Тема оформления BlueMania для MaxSite CMS

Есть для WordPress хорошая тема оформления – BlueMania. Решил портировать ее для MaxSite.

В процессе препарирования выяснились некоторые недостатки верстки и оформления текста, поэтому стили пришлось писать почти с нуля.

На моем демонстрационном сайте выглядит это так:

BlueMania - тема оформления для MaxSite CMS

Верстка

Стандарт: HTML 4.01 Transitional.
Тип верстки: блочная, двухколоночная.
Валидность: HTML валиден, CSS не валиден.
Адаптация к разрешению экрана: 1024* и более.
Кроссбраузерность: Firefox 3+, Chrome 4+, Safari 4+, Opera 9.6+, Internet Explorer 6+ (в версиях до 8+ есть незначительные отклонения внешнего вида).

Верстка серьезно изменена, от оригинала осталась очень малая часть.

Изменение верстки относительно дефолтного шаблона

Все изменения сделаны с использованием type_foreach‑файлов (за исключением contact.php и sitemap.php).

Адаптация верстки для виджетов

Адаптировано для:

  • текстовых виджетов
  • списка рубрик
  • облака меток
  • ссылок
  • RSS‑виджета
  • формы логина
  • календаря
  • списка авторов сайта
  • цитат
  • облака рубрик
  • виджета событий
  • виджета «избранное»
  • последних записей
  • последних комментариев
  • виджета случайных статей
  • списка активных комментаторов
  • 3D облака меток

Несовместимости с прочими виджетами замечено не было. (См. сайдбар в демонтрации)

Рекламные виджеты

Тема имеет два сайдбара, первый из которых предназначен только для вывода рекламы.

Активируйте плагин текстовых виджетов, добавьте в «Сайдбар для рекламы» текстовой виджет с именем adv (text_block_widget adv), укажите текст виджета по аналогии с:

<a href="http://nicothin.ru">
<img alt="" src="http://nicothin.ru/demo_templates/application/maxsite/templates/BlueMania_nicothin/img/125x125.png">
</a>
<a href="http://nicothin.ru">
<img alt="" src="http://nicothin.ru/demo_templates/application/maxsite/templates/BlueMania_nicothin/img/125x125.png">
</a>

Адаптация верстки для плагинов

Добавлены стили оформления для следующих плагинов:

  1. Mainmenu (многоуровневое выпадающее меню)
  2. Pagination mod (отличная пагинация)
    Внимание! В настройках плагина нужно указать в качестве обоих разделителей пробелы, иначе верстка «съедет».
  3. Sitemap mod (лучшая карта сайта)

Программирование

Изменена страница «Контакты» (настраивается в административной части), добавлены страницы «Все рубрики» (использует настройки виджета category_widget_0, если он есть) и «Все метки».

Настраивается отображение информации о записи (вывод автора, рубрик, меток).

Используемые «Ушки» (плагин, выводящий в нужном месте шаблона произвольный текстовой/PHP контент):

  1. top_adv – для рекламы рядом с названием сайта
  2. footer_counters – для счетчиков или рекламы в «подвале» страниц
  3. google_analytics – для вставки кода Google analytics

При создании записи можно указать картинку для использования на главной странице (на страницах рубрик, тегов, в «карусели»), есть возможность выводить эту картинку на странице записи, можно указать текст для «карусели».

Настройки

Настройки разделены на две секции. Список общих настроек:

Текст для «Далее»
Главное меню
Количество записей на главной
Количество записей на остальных
Количество записей в RSS
Полные записи в RSS
Количество комментариев
Номера записей для главной
Количество записей для «карусели»
Текст для блока RSS в сайдбаре (блок показывается при отсутствии карусели)
Глобальное кэширование
Номера рубрик для главной
Номер top-записи для главной
Текст для главной перед всеми записями
Блок ссылок на другие записи этой рубрики
Количество ссылок на другие записи этой рубрики
Критерий сортировки для ссылок на другие записи этой рубрики
Порядок сортировки для ссылок на другие записи этой рубрики
Выводить дату записи
Выводить автора записи
Выводить рубрики записи
Разделитель для рубрик, когда у записи их несколько
Выводить метки записи
Показывать дату, автора и пр. из отмеченного выше для статичных страниц
Подсчет количества просмотров
404 http-заголовок

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

Настройки для страницы «Контакт»:

Текст перед формой
Показывать в форме пункт «Телефон»
Показывать в форме пункт «Сайт»
Темы писем

Замеченные проблемы

Стили темы оформления написаны для верстки без таблиц. Если хотите использовать таблицы для нетабличных данных, добавляйте к тегу таблицы класс «notable» (это уберет бордюр и внутренние отступы ячеек).

Плагин paginatiom_mod должен быть настроен после включения (в его опциях есть два пункта, определяющие разделители — оба разделителя должны быть пробелами).

По умолчанию, в верхней части и в «подвале» название сайта выводится с трансформацией текста в прописные буквы (такова стилистика). Чтобы выводить название так, как оно введено в настройках сайта, отредактируйте стилевой файл (\templates\BlueMania_nicothin\style.css):

  1. Найдите правила для #logo h1 (около 130 строки) и уберите правило text-transform:uppercase (лучше сразу поправить правило letter-spacing:-6px, задав вместо -6px цифру поменьше, скажем — -3px)
  2. Найдите правила для #footer .bigname (около 242 строки) и уберите правило text-transform:uppercase

Заключение

Пожалуйста, не убирайте ссылку на мой сайт при использовании этой темы оформления. Это поможет мне разрабатывать другие хорошие темы и плагины для MaxSite CMS.

Есть критика или нашли ошибку? Опишите в комментарии к этой записи.


Связанные статьи

Комментарии (уже 44)

  1.  zmei (19.07.2010, 18:54)

    Красотища! Видел на форуме в разделе Sitemap_mod. Надо у тебя скрупулезности в оформлении поучится :)
    Ссылка на комментарий #1
    Ответить
  2.  Аноним (анонимно) (19.07.2010, 22:23)

    в опере 9 и 10 проблема с выпадающим меню: http://img838.imageshack.us/img838/1916/opera.jpg
    Ссылка на комментарий #2
    Ответить
  3.  Николай Громов (20.07.2010, 00:41)

    @ Аноним (анонимно):
    проблема с меню связана не с мои шаблоном, а с плагином main_menu: переключите на дефолтный шаблон — те же проблемы в операх — в этом браузере JS неверно рассчитывает место, в котором должно появиться подменю.
    я отписал на форуме об этой проблеме.
    Ссылка на комментарий #3
    Ответить
  4.  Иван (анонимно) (27.07.2010, 09:38)

    Красивый дизайн и грамотно продумана настройка шаблона с доп. опциями! Николай, что означает надпись подкрашенная красным со звездочкой "...(нет в базе)" - не сохраняются настройки в "опциях шаблона"(0.38)
    Ссылка на комментарий #4
    Ответить
  5.  Николай Громов (27.07.2010, 14:56)

    @ Иван (анонимно):
    красная надпись об отсутствии настроек в базе говорит о том, что настройки еще ни разу не сохранялись.
    обратите внимание: на странице настроек не одна, а две кнопки «сохранить». каждая сохраняет настройки своей секции.
    Ссылка на комментарий #5
    Ответить
  6.  Флетчер (анонимно) (19.01.2011, 18:27)

    На какой полезный сайт я набрел))) Спасибо! Самые классные темы оформления под MaxSite, которые я видел в интернете))) Добавил в закрадки.
    Ссылка на комментарий #6
    Ответить
  7.  Алексей (анонимно) (02.02.2011, 02:17)

    Скажите пожалуйста, как в слайдере вывести отдельные категории или статьи?
    Ссылка на комментарий #7
    Ответить
  8.  Николай Громов (02.02.2011, 10:54)

    @ Алексей (анонимно):
    здравствуйте.
    уже ответил Вам на форуме: http://forum.max-3000.com/viewtopic.php?f=6&t=2784&p=12481#p12481
    если вкратце, нужно переписать параметры запроса к БД в файле main-start.php (строка 59).
    Ссылка на комментарий #8
    Ответить
  9.  Виктор (анонимно) (06.02.2011, 02:12)

    Добрый день, Николай.
    Я воспользовался Вашим шаблоном,за который большое спасибо.Единственное что у меня не работает это поиск.Выдает такую ошибку
    A PHP Error was encountered

    Severity: Notice

    Message: Undefined variable: max_char_count

    Filename: type_foreach/search.php

    Line Number: 36
    Подскажите как можно исправить.
    Ссылка на комментарий #9
    Ответить
  10.  Николай Громов (06.02.2011, 18:45)

    @ Виктор (анонимно):
    Вы неверно установили шаблон, или файл search.php из дефолтного шаблона модифицирован с ошибкой.
    выдаваемая Вам ошибка — сообщение о том, что переменная $max_char_count не определена.
    мой шаблон не использует свой файл типа search.php, а использует этот файл из дефолтного шаблона (рекомендованный Максом механизм mso_page_foreach).
    в демонстрационной версии поиск работает.

    попробуйте заново залить на сервер дефолтный шаблон, или только файл application\maxsite\templates\default\type\search.php из дистрибутива движка.
    Ссылка на комментарий #10
    Ответить
  11.  Виктор (анонимно) (07.02.2011, 21:04)

    Большое спасибо,Николай.После переустановки дефолтного шаблона все заработало.Ждем новых шедевров.
    Ссылка на комментарий #11
    Ответить
  12.  EvGen (анонимно) (08.02.2011, 20:38)

    я афигел.
    шаблон - тема
    респект!
    Ссылка на комментарий #12
    Ответить
  13.  Аноним (анонимно) (16.02.2011, 08:56)

    В шаблоне не работает Авторизация MaxSite CMS и Авторизация facebook.com
    Ссылка на комментарий #13
    Ответить
  14.  Николай Громов (16.02.2011, 13:43)

    @ Аноним (анонимно):
    конечно, шаблон же сделан задолго до появления этого функционала в самой MaxSite CMS.
    Ссылка на комментарий #14
    Ответить
  15.  Евгений (анонимно) (23.03.2011, 23:40)

    Николай! Подскажите пожалуйста как поменять местами на шаблоне меню и заголовок сайта (оч. большим шрифтом) местами. уже 3й день бьюсь ничего не получается.

    ek.9@yandex.ru

    спасибо заранее
    Ссылка на комментарий #15
    Ответить
  16.  Николай Громов (18.04.2011, 00:40)

    @ Евгений (анонимно):
    нужно верстать.
    объяснить в данном случае, — сделать. скорее всего, получится обойтись редактированием стилевого файла.
    если опишите что именно Вы сделали и что не получилось — подскажу в каком направлении двигаться в работе.
    общая рекомендация — смотрите стили для шапки, имени сайта и блока с меню. добавьте шапке дополнительное пространстве сверху, совпадающее по высоте с высотой меню, а блок с меню спозиционируйте абсолютно — в нужном месте.
    Ссылка на комментарий #16
    Ответить
  17.  Sarkar (анонимно) (22.04.2011, 17:33)

    Прекрасный шаблон, но есть вопрос
    Подскажите в чем проблема не отображаются ссылки на регистрацию в комментариях в виджете логина в сайтбаре отображены а в комментариях нет ?
    Как это исправить ?
    Ссылка на комментарий #17
    Ответить
  18.  Николай Громов (22.04.2011, 20:27)

    @ Sarkar (анонимно):
    Напишите вопрос с использованием русского языка, пожалуйста.
    По умолчанию ссылка на регистрацию отсутствует в форме комментирования.
    Ссылка на комментарий #18
    Ответить
  19.  Sarkar (анонимно) (22.04.2011, 22:52)

    Прошу прощения за невнятность вопроса.
    Существуют плагины регистрации через MaxSiteAuth, Loginza, ссылки эти отображаются при подключении виджета login_form и совсем не отображаются в форме комментария почему ? И абсолютно не отображается ни в форме комментария ни в виджете регистрация через Facebook ?
    Что необходимо предпринять для того что бы реализовать требуемые функции ?
    Ссылка на комментарий #19
    Ответить
  20.  Николай Громов (22.04.2011, 23:41)

    @ Sarkar (анонимно):
    нужно сравнить файлы type_foreach/page-comment-form.php моего шаблона и такой же из дефолтного шаблона.
    когда я верстал шаблон, этого функционала и обеспечивающих его хуков не было в движке.
    скорее всего, вопрос можно решить найдя нужный новый хук в дефолтном шаблоне и вставив его в нужное место в файле моего шаблона.
    Ссылка на комментарий #20
    Ответить
  21.  Sevirs (анонимно) (23.04.2011, 13:54)

    @ Николай Громов:
    Пожалуйста если можно поподробнее как выглядит этот хук чтоб его найти
    Ссылка на комментарий #21
    Ответить
  22.  Sarkar (анонимно) (23.04.2011, 14:54)

    Премного благодарен!
    Хук вставил однако регистрации через Facebook так и нет?
    Че делать? Остальные две проявились нормально ;)
    И где конкретно правится цвет верхней панельки сайта хотелось бы сменить черный какую строчку править ?
    Ссылка на комментарий #22
    Ответить
  23.  Николай Громов (25.04.2011, 02:12)

    @ Sevirs (анонимно):
    рад, что разобрались :)

    по поводу черного вверху: style.css шаблона, в районе 113 строки. но там не столько цвет, сколько изображение придется менять :) цвет там дает картинка, повторяемая по горизонтали.
    Ссылка на комментарий #23
    Ответить
  24.  Sarkar (анонимно) (25.04.2011, 08:56)

    Очень благодарен вам за помощь.
    Однако возникло еще одно небольшое недоразумение :(
    [quote="Sarkar"]Подскажите пожалуйста в чем может быть причина возникновения следующей ошибки и как ее ликвидировать ?
    При использовании встроенного в шаблон поиска выводится следующая ошибка :
    [quote]Ошибка PHP столкнулась

    Строгость: Уведомление

    Сообщение: Неопределенная переменная: max_char_count

    Filename: type_foreach/search.php

    Номер Линии: 36[/quote][/quote]
    http://forum.max-3000.com/viewtopic.php?p=13590#p13590
    Ссылка на комментарий #24
    Ответить
  25.  Николай Громов (25.04.2011, 22:16)

    @ Sarkar (анонимно):
    в точности с тем, что описано в ошибке: PHP столкнулась! АААА!!!
    черт. написано же — неопределенная переменная. отчего это — не знаю, должно быть в новых версиях Макс что-то поменял в дефолтном шаблоне.
    вставьте где-нибудь вверху в проблемном файле определение этой переменной. к примеру, так:
    $max_char_count = 150;
    Ссылка на комментарий #25
    Ответить
  26.  Sarkar (анонимно) (25.04.2011, 23:00)

    @ Николай Громов:
    Пожалуйста прошу поясните - чо куда вставить ?
    Ато если по каждому запросу каждому пользователю такая ошибка выводиться будет, да еще и в зависимолсти от количества найденного по многу на страницу - этол будет КОШМАР !
    Ссылка на комментарий #26
    Ответить
  27.  Николай Громов (27.04.2011, 00:18)

    @ Sarkar (анонимно):
    в сообщении об ошибке указан файл, куда ставить.
    в моем комменте указано то, что вставлять.
    во вторую строку попробуйте.
    Ссылка на комментарий #27
    Ответить
  28.  Sarkar (анонимно) (05.05.2011, 16:08)

    Прошу подскажите пожалуйста как можно устранить такую возникшую неисправность при попытке вывести RSS ленту вместо вывода производится попытка загрузки файла feed application, а сама лента не выводится блог расположен в подпапке http:/site.co?/blog (а попытка загрузить файл я так понял производится из центрального каталога?)
    ранее все выводилось вроде нормально и вдруг возникла такая ошибка ?
    Как поправить положение?
    Ссылка на комментарий #28
    Ответить
  29.  Николай Громов (05.05.2011, 16:42)

    @ Sarkar (анонимно):
    к сожалению, с таким описанием проблемы, поправить положение не представляется возможным без привлечения какого-либо оплачиваемого консультанта (меня, например).
    если задаваемый Вами вопрос как-то связан с темой поста в моем блоге, опишите его (вопрос) подробнее, желательно со ссылкой на страницу, где наблюдается ошибка. интересует полное описание ошибки, Ваши действия, приведшие к возникновении ошибки (или подозрения).
    Ссылка на комментарий #29
    Ответить
  30.  Sarkar (анонимно) (05.05.2011, 18:09)

    http://blagosvet.dp.ua/blog/ Нажмите на любую из ссылок RSS леты хотя бы на ленту под крестом и Вы увидите ошибку.
    (Менялся пост в рубрике новости идущий по умолчанию)
    На скриптах в корне сайта и на скрипте MaxSite CMS стоят разные кодировки, но раньше все работало великолепно так что связи я не углядел с этим ?
    Ссылка на комментарий #30
    Ответить
  31.  Николай Громов (05.05.2011, 22:25)

    @ Sarkar (анонимно):
    и правда, что-то странное — мой шаблон никак не влияет на RSS потоки, они выводятся штатными средствами CMS.
    рекомендую перезалить последнюю рекомендуемую (не промежуточную) версию CMS на хост.
    Ссылка на комментарий #31
    Ответить
  32.  LeGioN (анонимно) (21.06.2011, 15:40)

    При использовании тега [cut] в какой-либо статье, боковая панель съезжает вниз сайта под статьи :-(
    Ссылка на комментарий #32
    Ответить
  33.  Николай Громов (21.06.2011, 15:51)

    @ LeGioN (анонимно):
    на странице демонстрации почти у каждой статьи использован [cut] и ничего никуда не смещается.
    ищите в тексте статей незакрытые html-теги (скорее всего, div-ы)? которые дают описанный Вами эффект.
    может помочь, так же, установка/активация плагина автозакрытия тегов (autoclose_tags).
    Ссылка на комментарий #33
    Ответить
  34.  LeGioN (анонимно) (21.06.2011, 16:13)

    @ Николай Громов:
    Спасибо, но это не помагает
    Ссылка на комментарий #34
    Ответить
  35.  LeGioN (анонимно) (21.06.2011, 16:26)

    Действительно глюк был в статье. Поставил редактор tinyMCE и сразу нашлась ошибка. Тег [cut] был в блоке div :-)
    Ссылка на комментарий #35
    Ответить
  36.  Sarkar (анонимно) (24.06.2011, 15:54)

    Подскажите пожалуйста где и в каком файле необходимо внести настройки CSS чтобы иконки твитера и гугла располагались как положено рядом а не наползали друг на друга ? Пример http://blagosvet.dp.ua/blog/page/xooponopono_otziv
    Ссылка на комментарий #36
    Ответить
  37.  Николай Громов (24.06.2011, 15:59)

    @ Sarkar (анонимно):
    в любом.
    я бы вносил изменения в стилевом файле темы, прописав абсолютное позиционирование для div.tweetmeme_com и для div.googleplusodin.
    Ссылка на комментарий #37
    Ответить
  38.  Sarkar (анонимно) (24.06.2011, 16:04)

    Пожалуйста если вас не затруднит поясните более подробно и конкретно что куда и как прописать ?
    Ссылка на комментарий #38
    Ответить
  39.  Николай Громов (24.06.2011, 16:55)

    @ Sarkar (анонимно):
    как: заходите на хост по FTP, скачиваете и редактируете файл application\maxsite\templates\BlueMania_nicothin\style.css, заливаете его обратно на сайт.
    что именно: стили для этих двух блоков. написать эти стили для Вас бесплатно я сейчас, увы, не могу — рабочая загрузка у меня 99%-ая. :(
    Ссылка на комментарий #39
    Ответить
  40.  Sarkar (анонимно) (24.06.2011, 17:21)

    Ну что ж хоть мне это и не помогло, но тем не менее постараюсь уж как то обойтись :(
    Спаси вас Господь за доброту и щедрось вашу, пусть и вам в жизни также помогают ;)
    Ссылка на комментарий #40
    Ответить
  41.  Deniz (анонимно) (26.12.2011, 04:23)

    Данный шаблон просто замечательный! А планируется ли его адаптация под новые стандарты шаблонов в Maxsite CMS?
    Ссылка на комментарий #41
    Ответить
  42.  Николай Громов (26.12.2011, 11:37)

    @ Deniz (анонимно):
    думаю, нет.
    на досуге разберусь с новой (уже слишком усложненной) идеологией построения шаблонов этой CMS и буду портировать уже другие (лучше) темы оформления.
    Ссылка на комментарий #42
    Ответить
  43.  Deniz (анонимно) (26.12.2011, 14:31)

    Николай, а можно тогда попросить, чтобы на другие(лучшие) темы при этом ложились нормально из этого шаблона настройки картинки и описания в «карусели» вверху страницы?
    А то записей с оформленными картинками для "карусели" и отдельной записи уже много. Будет обидно если весь труд окажется напрасным.
    Ссылка на комментарий #43
    Ответить
  44.  Николай Громов (05.01.2012, 16:11)

    @ Deniz (анонимно):
    да, я постараюсь сохранить совместимость контента.
    однако, в «карусели», обычно, всего несколько последних записей — поправить картинки к 5 записям не сложно.
    Ссылка на комментарий #44
    Ответить

Ваш комментарий

Комментарий будет опубликован после проверки.



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







(обязательно)


Дополнительно

RSS-подписка

В этом блоге две категории