Файлы template.css и menu.css

УРОК 5

Вы познакомились с файлом index.php шаблона likom25 и теперь знаете, что этот файл определят расположение элементов сайта в соответствующих блоках <DIV>. У каждого блока определен свой уникальный ID – идентификатор. На основании этих идентификаторов и будет задаваться уникальное визуальное оформление каждого блока при помощи каскадных таблиц стилей CSS.

В каждом шаблоне Joomla 2.5 должен находится файл содержащий таблицы стилей для оформления сайта. В шаблоне Likom25, таких файлов два - template.css и menu.css. CSS – код шаблона был разделен на два файла для удобства пользования и работы.  Template.css содержит таблицы стилей для всех элементов сайта, кроме меню, которые находятся в файле menu.css.

Подобных файлов CSS в шаблоне может быть различное количество. Если вы решили разделить CSS – код на несколько файлов, обязательно пропишите их названия  в index.php и templateDetails.xml.

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

Описывать код файлов template.css и menu.css в статье, я не буду, он достаточно подробно прокомментирован в самих файлах. Откройте файлы в программе Dreamweaver и изучите код. Если вы не обладаете хорошими знаниями в области CSS, то узнать, что обозначает тот или иной параметр элемента, вам поможет полезный справочник «HTML, CSS, PHP».

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

Как быстро изменить дизайн шаблона вы можете прочесть в статьях "Как изменить дизайн сайта. Изменение блоковой схемы шаблона. Урок 6" и  "Как изменить дизайн сайта. Изменение цветового решения шаблона. Урок 7". Эти статьи описывают изменение дизайна шаблона Likom для Joomla 1.5, для Likom25 все действия будут аналогичными.

< Файл index.php   Файлы template_thumbnail.png, template_preview.png и favicon.ico >
 

Ликбез для чайников