В преддверии нового года хочу предложить вам интересную гирлянду, для вашего форума. Гирлянда у нас будет не как обычно, с помощью одной *gif картинки, а с помощью: CSS, HTML, JavaScript и одной *png картинки.
Открываем
После
В тему вашего стиля, в конец добавляем:
Изображение:
Открываем
overall_header.html
, перед тегом </head>
ставим:
Код: Выделить всё
<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>
600
- это скорость мерцания нашей гирлянды. Чем выше число, тем медленнее мерцаниеПосле
<body>
ставим:
Код: Выделить всё
<div id="garland" class="garland_4"><div id="nums_1">1</div></div>
Код: Выделить всё
#garland {
position: absolute;
top: 0;
left: 0;
background-image: url('ссылка на изображение');
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;
}
Комментариев нет
Комментариев пока нет, но ты можешь быть первым! Нужно лишь войти или зарегистрироваться и поделиться своим мнением.
Похожие темы
-
После обновления старого PHPBB форума
с версии 2 до версии 3.3.10 в меню форума появился link The team , при открытии которого выдает 404 ошибку... -
darkmode,расширение которое переключает светлый,темный режим форума.
Расширение работает и для гостей и имеет переключатель в navbar .
Недостатки:... -
Все привет, с Новым 2023 годом, здоровья и успехов во всем.
Ребят, такой вопрос, нужно было сделать форум, не стал делать чистую установку, просто... -
Добрый вечер.
Появилась необходимость запретить показ рекламы от гугл адсенс на некоторых страницах форума. Там есть такая функция как исключить... -
Расширение позволяющее добавить на форум свой стиль, скрипт или блок с произвольным содержимым. В расширении можно задать шапку форума, ico иконку...