В преддверии Нового Года я хотел бы сделать всем подписчикам и читателям сайта Wedal.ru небольшой новогодний подарок. Я разработал небольшой модуль, который выводит на сайте новогоднюю ёлку, сделанную на чистом CSS. Данный модуль распространяется бесплатно. Вы можете скачать его по ссылке из этой статьи и украсить им ваш сайт на новогодние праздники. Про особенности и настройки модуля читайте далее.
Особенности модуля Wedal Christmas Tree
Модуль Wedal Christmas Tree создан с одной целью – показать новогоднюю ёлку на Joomla-сайте. Это не просто картинка, а фигура, созданная на чистом CSS. Данный подход дает несколько преимуществ:
- Малый размер. Размер модуля всего 7КБ, а CSS-файла, который формирует елку – 4кб. При этом само изображение ёлки может быть сколь угодно большим.
- Возможность изменять вид дерева. В настройках вы можете изменить масштаб ёлки, количество ветвей, стиль и некоторые другие параметры. При этом дерево будет изменяться.
- Нет падения качества при масштабировании. Минус обычных картинок в том, что если увеличить их (например, на телефоне путем растягивания экрана), то изображение станет мутным. Это логично, поскольку его качество обычно не рассчитано на увеличение. С данной ёлкой такой проблемы не возникает. При любом увеличении она будет выглядеть отлично.
- Автоматический выбор цветов шариков – цвета шариков на ёлке генерируются случайно при каждой загрузке страницы. Таким образом, каждый раз обновляя страницу, вы будете видеть по-новому украшенное дерево.
Настройки модуля Wedal Christmas Tree
Настройки модуля Wedal Christmas Tree показаны на рисунке:
Они включают в себя следующие опции:
Ширина модуля – позволяет задать ширину блока с ёлкой. Она может быть задана в пикселях или процентах, например, 200px или 100%.
Количество ветвей дерева – здесь вы можете выбрать количество ветвей дерева. Чем больше ветвей, тем выше будет ёлка:
Стиль дерева – модуль имеет два разных стиля оформления дерева. Здесь вы можете выбрать один из них:
Добавлять звезду? – позволяет добавить или убрать звезду на верхушке ёлки.
Цвет звезды – позволяет задать цвет звезды.
Добавлять основание? – позволяет добавить основание, на котором стоит ёлка:
Размер дерева – позволяет изменить размер ёлки путем масштабирования CSS-параметров. Поддерживается десять разных размеров: от самого маленького до огромного:
Вот такой незатейливый получился модуль. Вы можете скачивать и использовать его абсолютно бесплатно. Это новогодний подарок. Надеюсь, он поможет украсить ваш сайт к новому году.
Скачать модуль Wedal Christmas Tree
Установили ёлку? Теперь можно и расслабиться. Как? Например, зайти в Google Play и скачать какую-нибудь из игр бродилок. Они помогут поднять настроение и ненадолго забыть о проблемах реальной жизни. Чудесный новый мир :-).
