» » » » Гирлянда в шапку

Подробное содержание постаГирлянда в шапку

Голосов: 6
Мигающая гирлянда для вашего сайта, простая установка и отличный вариант для сайта на новый год


Установка гирлянды на сайт:
Открыть главную страницу вашего сайта и перед
</head>

вставить:
<style type="text/css">
#garland {position:absolute;top:0;left:0;background-image:url('http://skriptavod.ru/uploads/posts/2012-12/1355340029_christmas-lights.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>

На этом шаге установка завершена, но при желании вы можете загрузить картинку (гирлянды) на свой сайт, для этого скачайте ее ниже, загрузите на свой сервер и укажите путь в скрипте!

Гирлянда для сайта, гирлянда мигает четырьмя разными цветами
  • Название: Гирлянда в шапку
  • Версия CMS:

Информация о статье

Добавить комментарий

Имя:*
E-Mail:
Полужирный Наклонный текст Подчёркнутый текст Зачёркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищённой ссылки Картинка Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите код: *
не скажу =Р (Гости) 16 декабря 2012 20:54
Спасибо, всё работает smile
Тигра (Гости) 25 декабря 2012 22:33
Спасибо. легко и просто