СОВУШКА: Новогодние украшения для сайта

К новогодним праздникам хочется перенести хорошее настроение и на свой ресурс.

Вариантов украшения я накопал много. Отобрал по своему вкусу и заодно по простоте установки. А именно- это устанавливать код украшения не в общей HTML кодировке площадки, а отдельно. В отдельном блоке. Быстро устанавливается, соответственно и быстро снимается после праздников. Чтобы после праздничная головная боль не усиливалась поисками и воспоминаниями о том ,что и где ставил и как теперь всю эту мишуру убрать?☺

Как устанавливать код опишу в ЭТОЙ статье.

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

Дед мороз

Анимация. Дед выходит слева вверху сайта и открывает мешок с поздравлениями.Пропадает при следующем переходе по сайту или после обновления страницы. Выходит только раз в сутки чтоб не утомлять посетителей(ну или выход на бис после чистки кукисов)

<script>
var congratulations = "<p></p><p ALIGN='CENTER'><font color='#FF0000'>Дорогие Друзья!</font></p><p></p><p>Сайт и форум: Он-лайн Мир поздравляет Вас с наступающим 2017 годом!</p><p>Желаем Вам счастья, любви и успехов во всех ваших начинаниях!</p><p></p>";
</script>
<script language="javascript" src="http://rumba.ucoz.ru/oformlenie/newyear/dedm.js"></script>

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

Падающий снег

Медленно падающие пушистые снежинки. Код работает как в отдельном гаджете сайд бара так и в общем HTML коде ресурса. (мне больше нравится 2-й вариант)

<script src='http://rumba.ucoz.ru/oformlenie/newyear/snow1.js'> </script>

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

Метель

Мелкие вьюжные не напрягающие снежинки весело бегающие вслед за стрелкой мыши

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

Ветки внизу блога

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

Ногастая гирлянда

Первый вариант:

<div style="text-align:center;margin-top:70px;font-size:28pt;">
<div style="position:fixed;left:0;top:-4px;right:0;">
<div style='height: 95px; background: url(http://rumba.ucoz.ru/oformlenie/newyear/nogastaja_girljanda.gif) repeat-x 100%;'/>
</div>

Второй вариант:

<div style="text-align:center;margin-top:10px;font-size:8pt;">
<div style="position:fixed;left:0;top:-4px;right:0;">
<img src="http://rumba.ucoz.ru/oformlenie/newyear/nogastaja_girljanda.gif" />
</div>
<div style="position:fixed;left:0;top:-4px;;">
<img src="http://rumba.ucoz.ru/oformlenie/newyear/nogastaja_girljanda.gif" />
</div>
<div style="position:fixed;;top:-4px;right:0;">
<img src="http://rumba.ucoz.ru/oformlenie/newyear/nogastaja_girljanda.gif" />
</div>

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

Искристая гирлянда с колокольчиком

Первый вариант:

<div style="text-align:center;margin-top:70px;font-size:28pt;">
<div style="position:fixed;left:0;top:-4px;right:0;">
<div style='height: 90px; background: url(http://rumba.ucoz.ru/oformlenie/newyear/eshhe_girljanda.gif) repeat-x 100%;'/>
</div>

Второй вариант:

<div style="text-align:center;margin-top:50px;font-size:28pt;">
<div style="position:fixed;left:0;top:-4px;right:0;">
<img src="http://rumba.ucoz.ru/oformlenie/newyear/eshhe_girljanda.gif" />
</div>
<div style="position:fixed;left:0;top:-4px;;">
<img src="http://rumba.ucoz.ru/oformlenie/newyear/eshhe_girljanda.gif" />
</div>
<div style="position:fixed;;top:-4px;right:0;">
<img src="http://rumba.ucoz.ru/oformlenie/newyear/eshhe_girljanda.gif" />
</div>

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

Мигающая гирлянда

По верхнему краю сайта

Страницы

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