Анимированные новогодние украшения для сайта

18.12.2021


 В этом году нашла анимированные украшения для сайта к Новому году.

Это ветка ели с шариками в углу сайта и анимированные новогодние гирлянды.

Эти украшения устанавливаются легко и быстро через установку в гаджете.


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

В этот раз не хотелось много настраивать, заходить в код всего блога. Нашла, и поделюсь с Вами находкой украшений, которые устанавливаются легко и быстро. (И, соответственно, потом быстро удаляются).

Итак, общий алгоритм установки гаджета:

1. Заходим в настройки блога -> пункт "Дизайн". Далее ищем надпись  "+Добавить гаджет".



2. Во всплывающем окне выбираем гаджет HTML/JavaScript.


3. Название не пишем, а в поле "Содержание" вставляем скопированный код нужного элемента. Например:


И нажимаем "Сохранить".

-----------------------------

Ветка ели для сайта с анимированными шариками, которые меняют цвета.

Код, который нужно вставить в гаджет HTML/JavaScript (источник):

<layer name="lenta" top="0" right="0">   
   <div style="position:fixed; top:0; right:0;">   
   <a href="/" title="С НОВЫМ ГОДОМ!!!!!" target="_blank_"><img border="0" src="http://www.csomsk.ru/1-ucoz/pm/elka.gif" align="right" title="С НОВЫМ ГОДОМ!!!!!"></a>   
   </div>   
   </layer>


Анимированная разноцветная гирлянда для сайта (демо)


Код гирлянды (источник): 

 <div style="background: transparent url(http://www.csomsk.ru/Navigacia/GirlyndaMod.gif) repeat-x scroll 100% 50%; height: 43px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></div>  

              Анимированная синяя новогодняя гирлянда на сайт


Код гирлянды (источник):

<div style="height: 35px; background: url(http://soft-am.ucoz.ru/Novi-god/girlianda/gerlanda13/gerlanda13.gif) repeat-x 100%;"></div>


Вам также могут пригодиться и другие украшения для сайта к Новому году 🎅🎄:


4 комментария:

  1. Ура! Спасибо, Мария, за Новогоднюю веточку с шариками! Очень красиво смотрится!

    ОтветитьУдалить
  2. Сначало не хотел, потом ...
    Спасибо Мария. Класс .
    Вот результат https://iiipazum.blogspot.com/2021/12/2020.html

    ОтветитьУдалить
    Ответы
    1. Интересно, что в этом шаблоне веточка появляется, когда слева панелька выезжает)

      Удалить

Kwork.ru - услуги фрилансеров от 500 руб.

Загляните и на другие страницы ^