№25. Шаблоны Joomla. Часть 5 |
Автор Леонид Мальков | ||||||||||||||||||||||||||||||||||||||||
31.05.2008 г. | ||||||||||||||||||||||||||||||||||||||||
Шаблоны Joomla. Часть 5. Уровень: Пользователь - Веб-мастер Здравствуйте, уважаемые подписчики. Сегодня обещанный разговор о стилевом оформлении модулей, если подзабыли, что к чему, просмотрите бегло прошлый выпуск №24. Дизайн модулей. Применение функции mosLoadModules. У нас есть учебный шаблон, который мы будем дорабатывать. А конкретно сформируем css-стили для дизайна внешнего вида модулей, выводимых в шаблоне. Сss-стили будем задавать для классов и id, которые задает сама Джумла. Напоминаем, что сейчас речь пойдет о табличном дизайне. Чтобы Джумла выдала нам НУЖНУЮ разметку модулей, в шаблоне должен быть вызов функции загрузки модулей без второго параметра, например, для позиции left: mosLoadModules('left'); Так задано в учебном шаблоне (из выпуска №23). Что оформлять стилями?!Покажем оформление следующих элементов дизайна:
Для тех, кто предполагает, что сейчас подобный дизайн не используется, приведем в пример рассылочный сервис MailList.ru, там дизайн и построен на подобных стилевых решениях... И таких сайтов - море :) Как дорабатываем шаблонТо что было в рабочем шаблоне, не трогаем, если это нам мешать НЕ будет (шапка, например). Еще обратим внимание на пару моментов. Если Вы юзали немного рабочий шаблон efft_table_karkas, то заметили, что вертикальное выравнивание контента и тех же модулей происходит по центру. А привычнее, когда это содержимое прижато кверху. Самое быстрое решение проблемы, задать стиль для тега <td>: td { Еще момент, сейчас в шаблоне содержимое страницы отступает на какое-то расстояние от границ браузера. Почему? Такие настройки браузера по-умолчанию. По настоящему хреново от подобных настроек бывает, если они в разных браузерах разные. Хотя, к отступам от края это не относится, по крайней мере для Мозиллы и ИЕ. А чтобы не тестить это во всех браузерах, лучше устанавливать подобные настройки ЯВНО! body { Задаем основные стили по теме :)Стиль для таблицы, которую создает Джумла для модуей:table.moduletable { Комментарии:
Стиль для заголовков модулей (подражаем Maillist):table.moduletable th { Комментарии:
Стиль для ячеек таблицы с содержимым модулей:table.moduletable td { Дополнительные комментарии излишни... Шаблон в работе и его дистрибутивПосмотреть шаблон на демо-сайте (имя шаблона efft_table_karkas). Подобные методы мы использовали для дизайна сайта Каталог недвижимости Тверской области. На этом сайте есть еще интересная реализация обрамления модулей рамками с закругленными краями, о чем мы обязательно расскажем в будущем. РезюмеВ сегодняшнем выпуске мы рассказали, какие стили необходимы и достаточны для дизайна модулей. В ближайшем выпуске продолжим их изучение, на примере предельно точного воспроизведения дизайна Maillist.ru Для этого также не обойтись без задания стилей для меню сайта. Вот такие ближайшие планы. А сегодня, в некотором смысле, юбилейный выпуск: №25. В нем мы не говорили ни о чем особенном, а в следующем выпуске подготовим краткий обзор, что в настоящее время происходит на рынке ЦМС.
Автор данной статьи: Леонид Мальков
Просмотров: 18123
Добавить коментарий |
||||||||||||||||||||||||||||||||||||||||
Последнее обновление ( 08.12.2011 г. ) |