Гирлянда для сайта
Укрась свой сайт к новому году и другим новогодним праздникам, сверкающей герляндой. Сам скрипт сильно не загружает сайт и не портит дизайн, так же легок в установке.
Установка гирлянды на сайт:
Два варианта установки:
1. Зайти в панель управления » Открыть главную страницу вашего сайта и перед </head> вставить код.
2. Зайти в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:
На этом шаге установка завершена
Установка гирлянды на сайт:
Два варианта установки:
1. Зайти в панель управления » Открыть главную страницу вашего сайта и перед </head> вставить код.
2. Зайти в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:
Код
<style type="text/css">
#garland {position:absolute;top:0;left:0;background-image:url('http://uwebo4ka.3dn.ru/scripts/year/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>
#garland {position:absolute;top:0;left:0;background-image:url('http://uwebo4ka.3dn.ru/scripts/year/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>
На этом шаге установка завершена
О материале:
Дата добавления: 13.12.2013 в 11:37
Материал просмотрен: 829 раз
Категория: Скрипты и модификации для uCoz
Оставлены: 0 комментария
Рейтинг материала
По мнению пользователей
0.0
Поделиться
Комментарии
0 комментариев
Навигация
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Онлайн никого нет