Графическое оформление сайтов и блогов MyBB

Страница: 1

Сообщений 1 страница 2 из 2

Поделиться1Воскресенье, 15 декабря, 2019г. 19:00:56

Автор: OMEGA492
Провел на форуме:
7 дней 5 часов
Зарегистрирован: Четверг, 14 ноября, 2019г.
Приглашений: 3
Сообщений: 182
Уважение: +9
Позитив: +8
Пол: Мужской
Возраст: 28 [1996-08-04]
Последний визит:
Суббота, 30 декабря, 2023г. 16:27:23

Картинки, линейки, смайлики, кнопки и еще много чего смотрите ниже!

Поделиться2Воскресенье, 22 декабря, 2019г. 02:10:35

Автор: OMEGA492
Провел на форуме:
7 дней 5 часов
Зарегистрирован: Четверг, 14 ноября, 2019г.
Приглашений: 3
Сообщений: 182
Уважение: +9
Позитив: +8
Пол: Мужской
Возраст: 28 [1996-08-04]
Последний визит:
Суббота, 30 декабря, 2023г. 16:27:23

Скрипт живой, новогодней гирлянды (не gif)

Код:

<!-- Гирлянда -->
<style type="text/css"> 
#garland {position:absolute;top:0;left:0;background-image:url('//yraaa.ru/test/135/christmas-lights.png');height:36px;width:100%;overflow:hidden;z-index:1} 
#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><div style="position:absolute;top:-1000px"></div> 

<script type="text/javascript"> 
function garland() { 
nums = document.getElementById('nums_1').innerHTML 
if(nums == 1) {document.getElementById('garland').className='garland_3';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()}, 1000) //скорость мигания
</script>

Исходники:

Источник 1

Источник 2

Страница: 1