Тест S5 Box

Вот примерно так работает модуль в реале...

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

cs-nsk

Добавить комментарий

Пожалуйста, старайтесь оставлять комментарии согласно выбранной статьи...


Защитный код
Обновить

Последние комментарии

Теги ...

Опрос: iOS или Android ?

Какой ОС вы чаще пользуетесь?

iOS - 0%
Android - 60%
Windows Mobile - 20%
Tizen - 0%
Другая. - 20%

Всего голосов: 5
Голосование в этом опросе закончено в: 01 Янв 2017 - 00:00
Яндекс.Метрика Анализ сайта Рейтинг@Mail.ru