Новогодняя гирлянда для сайта или форума.

Различные инструкции для вебмастеров
Аватара пользователя

Автор темы
Merlin
Администратор
Сообщения: 119
Зарегистрирован: 29 май 2012, 12:23
Репутация: 8
Откуда: Россия
Благодарил (а): 5 раз
Поблагодарили: 1 раз
Контактная информация:

Новогодняя гирлянда для сайта или форума.

#1 Сообщение Merlin » 22 ноя 2015, 23:33

Новогодняя гирлянда для сайта или форума с анимацией.

ИзображениеИзображениеИзображениеИзображение

Код: Выделить всё

<div style="height: 30px; background: url(http://phpbb3.x-tk.ru/store/phpbb3_kabb_ru/images/nov-god-animi-girlianda.gif) repeat-x 100%;"></div>


Ставить после <body>.

Установка для хостинга гетбб 3.1.х - Админка, меню хостинг, вставки кода в самый верх - overall_header_body_before.html

Отправлено спустя 21 минуту 45 секунд:
Более красивая анимированная гирлянда.

Код: Выделить всё

<style type="text/css"> 
#garland {position:absolute;top:0;left:0;background-image:url('http://phpbb3.x-tk.ru/store/phpbb3_kabb_ru/images/nov-god-animi-bl-girlianda.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>

Ставить после <body>.

Установка для хостинга гетбб 3.1.х - Админка, меню хостинг, вставки кода в самый верх - overall_header_body_before.html


  • Поделитесь ссылкой

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Инструкции»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость