Назначаем альтернативное оформление компонента или блока сайта в Joomla

Стили компонентов logo

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

  1. Авторизуемся в панели администрирования;
  2. Выбираем пункт меню "Все Меню" ? "mainmenu";
  3. В открывшемся разделе "Пункт меню: [ mainmenu ]" выбираем пункт меню "Главная" и нажимаем кнопку "Изменить";
  4. В разделе "Параметры - Система" в пункте Суффикс класса страницы (Page Class Suffix) указываем дополнительный суффикс к стандартному классу, например -home (не забывайте указыать дефис, он поможет потом при работе с CSS файлами и кодом страницы);
  5. Нажимаем кнопку "Сохранить".

В результате наших действий стандартные классы блоков элементов дизайна страницы получили новые классы, к примеру класс ".contentheading" стал ".contentheading-home", "contentpaneopen" стал "contentpaneopen-home" и так далее. В новых классах мы можем реализовать все необходимые изменения или добавить\переопределить значения стандартных классов стилей, к примеру:

Пример
.contentheading, .contentheading-home {
color:#1786B9;
font-size:17px;
font-weight:bold;
text-align:left;
}
.contentheading-home {
color: #1786B9;
text-transform:uppercase;
}

 

 

 

 

 

 

 

 

В данном примере мы установили строчкой ".contentheading, .contentheading-home" все теже параметры для нового класса, которые были установлены для стандартного класса ".contentheading", а затем далее новому классу ".contentheading-home" переопределили цвет текста и добавили новый параметр, указывающий тип трансформации текста.

Удачи!{odnaknopka}

Joomla SEF URLs by Koskv