Назначаем альтернативное оформление компонента или блока сайта в 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}

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий