Модуль Style Manager (управление дизайном сайта)

Давно хотелось иметь в друпале некий инструмент который позволит переносить и переиспользовать css заготовки на других сайтах. Что и побудило написать этот модуль

Модуль Style Manager позволяет создавать заготовки для дизайна, например: стиль меню, футера, формы поиска, блоков и т.д. и переносить их с сайта на сайт (аналог модуля features, но для стилей).
Также с помощью модуля можно быстро вносить правки в дизайн сайта прямо в браузере.

Demo

1 – http://www.youtube.com/watch?v=Gg1a_v8tmS8&list=PLQWBmbu7pmqnRenMh2hp6s8… основные функции модуля

2 – http://www.youtube.com/watch?v=_oqzor6cQpw&list=PLQWBmbu7pmqnRenMh2hp6s8… как перекрашивать темы, в отличие от модуля color перекрашивать можно любые темы и предварительно подготавливать тему для этого не нужно

3 – http://www.youtube.com/watch?v=LFzelPWQBN8&list=PLQWBmbu7pmqnRenMh2hp6s8… интеграция с модулем Context, как назначить определенный цвет для раздела сайта

Функции модуля StyleManager

Редактирование CSS
StyleManager позволяет редактирования CSS из браузера и видеть сделанные изменения сразу, без перезагрузки страницы.

Категории
Настройки CSS вносятся в одну из имеющихся категорий, таких как Footer, Pager, Menu.
Категории можно экспортировать и использовать их на других сайтах.
Категории можно создавать и удалять, их количество не ограниченно.

Перенос категорий на другие сайты
В категориях css путь к элементам строится из двух частей «prefix» и «css path».
Если изменить css_prefix, то все стили станут примяться другому блоку на странице. Это удобно при переносе настроек на другой сайт.

Пресеты
Каждая из категорий (например Menu) может содержать неограниченное количество вариантов отображения (пресетов).
Пресеты можно переключать сразу видеть страницу с выбранным вариантом (стили применяются без перезагрузки страницы).
Пресеты можно клонировать и изменять.

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

Как на основе одного цвета можно построить дизайн сайта?
Цвет из глобальных настроек можно не только наследовать, но и модифицировать его.
Пример: у нас указан синий как базовый цвет, нужно сделать цвет ссылок такими как базовый цвет, а при наведении немного светлее, а фон футера должен быть почти черным с синеватым оттенком.
Для таких случаев в модуле есть возможность коррекции базового цвета. Можно менять тон, насыщенность и светлоту (Hue, Saturation, Lightness) и в результате использовать новый цвет который основан на базовом цвете.
В случае из примера нужно будет поставить: цвет ссылок = {базовый цвет}, цвет ссылок при наведении = {базовый цвет / Lightness + 10%}, фон футера = {базовый цвет / Lightness = 10}

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

—-
Сейчас модуль на стадии разработки, его можно ставить на тестовые сайты, но на живых лучше не использовать
Скачать модуль можно тут – https://github.com/nikolay-shmaleniuk/style_manager
Песочница drupal.org – http://drupal.org/sandbox/n.shmaleniuk/1977500

Источник: http://www.drupal.ru/node/99348

Правильное скругление углов для браузеров не поддерживающих border-radius в CSS

Статья не относится непосредственно к Drupal, но, я думаю, будет полезна начинающим сайтостроителям.

В статье описывается как грамотно скруглять углы для браузеров, которые не поддерживают CSS свойство border-radius. “Правильно” в данном контексте значит не перегружая код страницы дополнительными элементами.

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

Рекомендуется базовые знания html + javascript.

Ссылка на статью “Скругление углов без CSS и border-radius“

Источник: http://www.drupal.ru/node/88019

Процесс создания темы для D7 адаптируемой к разным разрешениям


На сайте CMS Magazine перевод статьи “Create a responsive Drupal theme” о создании темы оформления для D7 адаптируемой к разным разрешениям экрана. По-моему полезная статья. Отдельное спасибо сотрудникам CMS Magazine за адекватный перевод.

Ссылка на перевод статьи: http://www.cmsmagazine.ru/library/items/cms/create-responsive-drupal-theme/

Источник: http://www.drupal.ru/node/81409

Изучаем CSS3, HTML5 и Drupal7. Семинар в Москве.

26 ноября, суббота, 12:00
Клуб Джерри Рубина. Ленинский пр-т, 62/1

План семинара: основы разметки веб-страницы; эффективные инструменты разработчика; верстка страницы, стандарты, новшества, применение в теммизации Drupal, разбор темы, основные вопросы в создании и редактировании темы.

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

Регистрация по адресу daredjana@gmail.com: ФИО, номер телефона, указать тему лекции и число.

Источник: http://www.drupal.ru/node/71776

Модуль для подключения препроцессора Less

http://dl.dropbox.com/u/6717893/less.zip

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

Источник: http://www.drupal.ru/node/58323

© 2009 Обзор CMS