Статьи

Ссылки на графику в теме

При использовании ссылок, допустим на графику, название темы в ссылке менять не обязательно. Директория темы определяется автоматически. Для этого используется переменная $ThemeSel. Прописываем только путь к графическому файлу.

Пример ссылки: templates/$ThemeSel/images/ваша_картинка.gif

Графические файлы темы оформления

Директория темы оформления: images/ используется как архив, где хранятся все графические элементы темы оформления сайта. При изготовлении своей темы, для исключения путаницы, рекомендуется использовать данную директорию для хранения графических элементов.

В данной директории так же могут находиться другие графические элементы оформления системы. Если Вы хотите за место стандартных элементов находящихся в папке системы images/ использовать уникальные элементы, персонально для темы оформления, в таком случае создайте идентичную папку в директории images/ темы оформления. Система определить её автоматически и будет использовать находящиеся в ней компоненты, за место стандартных.

Рассмотрим на примере

Вариант 1: Системная папка компонентов оформления BB редактора: images/editor/
Вариант 2: Папка темы компонентов оформления BB редактора: templates/celestial/images/editor/

Если вариант 2 присутствует, использоваться будет именно он, в противном случае вариант 1.

Типы графических файлов и их вызов

Мы рекомендуем к использованию три основных типа графических элементов, такие как: .png, .gif, .jpg. Формат .png поддерживает полную и частичную прозрачность, поэтому желательно использовать именно его, во избежание проблем с белыми рамками при использовании тёмных тем оформления.

Определение графических элементов в системе и её модулях производится автоматически по названию компонента. Файл может находиться в стандартной папке системы или в папке темы оформления с идентичным названием.

Рассмотрим на примере

В модуле новостей нужно добавить графический элемент: images/all/news.png
Для этого используем функцию, где окончание .png и папку images/ указывать не нужно: img_find("all/news")

Пример использования:

Файлы оформления элементов дизайна в основной директории

Файл темы оформления: style.css отвечает за оформление элементов дизайна всего сайта и позволяет контролировать практически любые элементы. С помощью данного файла можно сделать практически что угодно - от разметки колонок, размера шрифтов, цветовой гаммы до кнопок и всплывающих окон.