Создать дополнительные CSS-стили для шаблона сайта на Joomla 2.5
Имеется шаблон для сайта на CMS Joomla2.5. На сайте используется модуль Features Categories в нескольких местах страницы:
Позиция top1: ширина блока - 320 px, высота - авто. Заголовок отображается на фоне изображения headline-new.png
Позиция top2: ширина блока - 660 px, высота - авто. Заголовок отображается на фоне изображения headline-foto.png
Позиция top1, top2, top3: ширина блока - 320 px, высота - авто. Заголовок отображается на фоне изображения headline-red.png.
Между блоками должно быть свободное пространство шириной 20 px - и по
горизонтали и по вертикали. Каждый модуль должен иметь рамку цветом
#BCBCBC. Поля внутри блоков - 15 px. Внутри блока - картинка, под
картинкой - заголовок статьи
цветом, как заголовок блока и
ниже - один параграф текста цвета #2D2A2A
.
Нужно добавить в CSS-файл шаблона дополнительные стили (3 шт) для
использования их только для этих модулей с помощью указания
соответствующих классов в поле "Суффикс CSS-класса модуля" в настройках
модуля в админке Joomla.
Добавленные стили в файле template.css выделить в отдельный блок с помощью комментариев.
Прикрепленные файлы:
- Шаблон Joomla в архиве;
- изображения-фоны для заголовков блоков;
- приблизительный вид блока (только без параграфа текста внизу).