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

Новогодняя гирлянда старенькая, но качественно сделанная, а значит украсит любой сайт, установить такую гирлянду не составит труда и этой задачей справится даже начинающий веб мастер. Вся гирлянда состоит из спрайта с картинками для этой гирлянды, кода стилей и скрипта. Гирлянда "прибита" к потолку, но при желании можно её переместить, меняя расположение в стилях #garland

Пример Вы видите на этой странице, но можно посмотреть на отдельной, кстати если сохранить файл как страницу html, то у Вас на руках будет так сказать исходник

1

 

Ну теперь коды:
Стили и скрипт

Код
   <style type="text/css">
#garland {position:absolute;top:0;left:0;background-image:url('http://mendog.ru/_ld/0/67_christmas-light.png');height:36px;width:100%;overflow:hidden;z-index:99}
#nums_1 {padding:100px}
.garland_1 {background-position: 0 0}
.garland_2 {background-position: 0 -36px}
.garland_3 {background-position: 0 -72px}
.garland_4 {background-position: 0 -108px}
</style>
<div id="garland" class="garland_4"><div id="nums_1">1</div></div>
<script type="text/javascript">
function garland() {
nums = document.getElementById('nums_1').innerHTML
if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'}
if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'}
if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'}
if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'}
} setInterval(function(){garland()}, 600)
  </script>  

 

Вставляем в верхнюю часть сайта или на страницу где хотим видеть гирлянду.

Источник не указываю, так как трудно понять, какой ресурс является первоисточником, вероятно это уже входит в разряд народного достояния. Но если есть весомые аргументы что истинно источник такой-то ресурс, без проблем размещу ссылку, ...после проверки.

C наступающим и удачи!

Оценка: 1.0 / 3

avatar
0
Филя написал в 22:00, 18.12.2013
ну да... этого-т у рунета не отнять)))
avatar
0
•admin• написал в 22:03, 18.12.2013
Ну вот одним бояном больше biggrin
avatar
0
Филя написал в 22:14, 18.12.2013
если ты про свои дизайны, про тебя этого не скажешь - вона как дневной показ отделал - чистая газета, даже рекламу ,и ту фиг узнаешь)))
avatar
0
•admin• написал в 22:40, 18.12.2013
Цитата Сообщение №3. Филя сказал
если ты про свои дизайны

Нет, я про гирлянду, а показ.., так и задумывал что-то вроде газеты, было-бы намного интересней если не только я сайт обновлял, в смысле материалов, но пассивное наблюдение со стороны имеет место быть, так что она в состоянии невесомости, хз че мне в голову придет
avatar