Сборка темы админки Wolf CMS

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

1. Итак, чтобы создать новый дизайн от вас требуется всего лишь закинуть в http://ваш-сайт-на-wolf-cms.com/wolf/admin/themes два файла со стилями:

  • «login.css» — оформление формы авторизации / восстановления пароля.
  • «styles.css» — весь остальной бэкенд, т.е. админка.

Чтобы что-то поменять в HTML составляющей вам придется редактировать файлы ядра, если так можно выразиться. Хотя тут нам с вами несколько повезло, — веб-разработчик движка собрал его с учетом модели MVC, потому вся необходимая визуальная составляющая аккуратно сложена в каталоге «views», который можно найти по пути «http://ваш-сайт-на-wolf-cms.com/wolf/app». Однако я не советую вам этого делать.

2. Нужные классы и идентификаторы, а также иную разметку вытягиваем из исходного кода веб-страниц. Лучше всего здесь пользоваться браузером на базе webkit. Сгодится и Яндекс.Браузер, и Google Chrome.

Далее вашему вниманию представлен мой вариант темизации формы авторизации, — Twitter Bootstrap к сожалению на Wolf CMS нормально не натянуть.

Создание темы для админки Wolf CMS

В содержимом «login.css» при этом ничего особенного, — конечно, если вы разбираетесь в CSS и хоть что-то понимаете в HTML:

* {
margin:0;
padding:0;
}
body {
padding-top:40px;
padding-bottom:40px;
background-color:#f5f5f5;
...

На этом собственно все.

Опубликовано 20-03-2013 в 14:28


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты