joomla суффикс класса модуля.

Часто нам надо в joomla задать модулю свой класс суффикса. Или создать модуль с другим внешним видом, изменив при этом его его суффикс. Что нам это дает. Можно изменить цвета текста, добавить рамку фон и так далее. Во многих статьях пишут надо прописать в index.php шаблона код. Мы сделаем это проще, ведь в joomla уже есть модуль со своим классом суффикса. Нам остается прописать свой суффикс, класс для любого нового модуля. И в css своего шаблона дописать как будет отображаться модуль. Его внешний вид. Делаем на примере шаблона protostar. Создаем модуль HTML-код и ставим его в позицию нужную нам. Открываем в браузере страницу, где стоит этот модуль. Смотрим Firebug (левая часть страницы) наш модуль, это .custom. Суффикс надо прописать, будет свой. Типа называем .custom-123, .custom_123, .custom 123. В файл index.php не пишем не чего.

  заказать сайт

Заказать сайт

joomla суффикс css класса модуля.

Открываем template.css шаблона joomla дописываем в самом низу класс для нашего модуля .custom_123.

.custom_123
{
border: 15px double #000000;
background-color: #cdf7fd;

Идем в менеджер модулей открываем наш модуль. Во вкладке Advanced -Суффикс CSS-класса модуля пишем _123. Все наш модуль будет другого вида, вернее того вида как пропишем в CSS файле. Пример на главной странице сайта  . Каждый текст с разным фоном и разного цвета. Можно прописать рамки различного цвета и вида. Можно создать различные модули со своими суффиксами и они будут иметь свой вид, отличный от других. Можно сделать что модуль будет оставаться на одном месте при прокрутке страницы типа   модуль заказать звонок. В принципе он на всех страницах остается на одном месте при прокрутке страницы.

.custom-new223 {
position: fixed;
left: 22px;
}

Можно задать любые настройки в файле CSS для любых классов модулей. Не забываем в настройках писать суффикс -new223 или пробелnew223

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