Гирлянда на сайт DLE
Скоро новый год , и в преддверии нового года мы различными способами украшаем Наши места обители. Данная тема не прошла и мимо сайтов, каждый админ стремиться внести частичку зимнего настроения и праздников на свой сайт. Сегодня я предлагаю скачать вам скрипт новогодней моргающей гирлянды на сайт dle. Возможно скрипт новогодней гирляндыподойдет и для других cms. Установка займёт менее минуты отредактируйте главную страницу вашего шаблона main.tpl перед закрывающимся тегом
</body>
вставьте следующий код : <!--гирлянда-->
<style type="text/css">
#garland {position:absolute;top:0;left:0;background-image:url('https://for-web.ru/uploads/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/jаvascript">
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>
<!--конец гирлянды-->
Все установка завершена. Для полной установки скачайте картинку себе на сервер и пропишите путь в скрипте.
Если скрипт пригодился, то палец вверх.
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
bootstrap Bootstrap CSS css CSS3 dle DLE fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Пользуетесь ли Вы облаком тегов