Куда идем?

В преддверии Нового Года я хотел бы сделать всем подписчикам и читателям сайта Wedal.ru небольшой новогодний подарок. Я разработал небольшой модуль, который выводит на сайте новогоднюю ёлку, сделанную на чистом CSS. Данный модуль распространяется бесплатно. Вы можете скачать его по ссылке из этой статьи и украсить им ваш сайт на новогодние праздники. Про особенности и настройки модуля читайте далее.

Особенности модуля Wedal Christmas Tree

Модуль Wedal Christmas Tree создан с одной целью – показать новогоднюю ёлку на Joomla-сайте. Это не просто картинка, а фигура, созданная на чистом CSS. Данный подход дает несколько преимуществ:

  • Малый размер. Размер модуля всего 7КБ, а CSS-файла, который формирует елку – 4кб. При этом само изображение ёлки может быть сколь угодно большим.
  • Возможность изменять вид дерева. В настройках вы можете изменить масштаб ёлки, количество ветвей, стиль и некоторые другие параметры. При этом дерево будет изменяться.
  • Нет падения качества при масштабировании. Минус обычных картинок в том, что если увеличить их (например, на телефоне путем растягивания экрана), то изображение станет мутным. Это логично, поскольку его качество обычно не рассчитано на увеличение. С данной ёлкой такой проблемы не возникает. При любом увеличении она будет выглядеть отлично.
  • Автоматический выбор цветов шариков – цвета шариков на ёлке генерируются случайно при каждой загрузке страницы. Таким образом, каждый раз обновляя страницу, вы будете видеть по-новому украшенное дерево.

Настройки модуля Wedal Christmas Tree

Настройки модуля Wedal Christmas Tree показаны на рисунке:

settings

Они включают в себя следующие опции:

Ширина модуля – позволяет задать ширину блока с ёлкой. Она может быть задана в пикселях или процентах, например, 200px или 100%.

Количество ветвей дерева – здесь вы можете выбрать количество ветвей дерева. Чем больше ветвей, тем выше будет ёлка:

branches

Стиль дерева – модуль имеет два разных стиля оформления дерева. Здесь вы можете выбрать один из них:

style

Добавлять звезду? – позволяет добавить или убрать звезду на верхушке ёлки.

Цвет звезды – позволяет задать цвет звезды.

Добавлять основание? – позволяет добавить основание, на котором стоит ёлка:

Размер дерева – позволяет изменить размер ёлки путем масштабирования CSS-параметров. Поддерживается десять разных размеров: от самого маленького до огромного:

scale

Вот такой незатейливый получился модуль. Вы можете скачивать и использовать его абсолютно бесплатно. Это новогодний подарок. Надеюсь, он поможет украсить ваш сайт к новому году.

Скачать модуль Wedal Christmas Tree

Установили ёлку? Теперь можно и расслабиться. Как? Например, зайти в Google Play и скачать какую-нибудь из игр бродилок. Они помогут поднять настроение и ненадолго забыть о проблемах реальной жизни. Чудесный новый мир :-).

Об авторе
Wedal
(Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.
Добавить комментарий

Комментарии  
1
Супер. Забью в расписание отображения модуля на след год