prowebber.ru - Тут есть все для настоящих вебмастеров

Мы в твиттере Наша страничка на FaceBook! Сообщество вебмастеров в VK Мы в телеграме!

PW — всё для вебмастера » Web » Скрипты » Гирлянда в шапку

Гирлянда в шапку

Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Гирлянда в шапку.

Гирлянда в шапку


Вставить перед /head

<style type="text/css">
#garland {position:absolute;top:0;left:0;background-image:url('http://gb-torrents.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/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>


Демо гирлянды: Демо

Гирлянда для сайта – не единственный способ украсить сайт к новому году. Вы можете выбрать новогодние иконки для сайта, а еще можете установить снег на сайт. Использовать несколько украшений одновременно не рекомендуется, т.к. из-за множества разных цветов и бесконечной анимации у пользователя может даже закружиться голова.





+27

Просмотры: 6098 :: Комментарии (16) :: :: Нужна помощь? Задайте вопрос на форуме ::
Теги: Гирлянда, dle
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Слон

  • 6 декабря 2012 21:38
  • Регистрация: 14.10.2011
  • ICQ: --
  • Комментариев: 333
biggrin у меня такие же на стене весят типа ночника

0

#2scome

  • 6 декабря 2012 22:07
  • Регистрация: 26.08.2012
  • ICQ: 916373
  • Комментариев: 23
Теперь на счет Демо, если будут писать, что типа реклама сайта и т.д. Если людям нужно демо, я им даю его! Кстати источник yraaa.ru. Гирлянда очень красивая!

--------------------

0

#3masya1981

  • 7 декабря 2012 00:30
  • Регистрация: 4.10.2010
  • ICQ: --
  • Комментариев: 52
http://gb-torrents.ru/uploads/christmas-lights.png

Чисто случайно в коде появилась реклама гс

-1

#4Alyona

  • 7 декабря 2012 02:52
  • Регистрация: 16.06.2012
  • ICQ: --
  • Комментариев: 5
masya1981, а вы хотели, чтобы автор залил изображение к вам на сайт?

Наглость некоторых личностей не знает предела..

+1

#5kaktyc

  • 7 декабря 2012 03:30
  • Регистрация: 6.11.2010
  • ICQ: 600302894
  • Комментариев: 87
А что вам мешает самим залить картинку на сайт?

--------------------

0

#6scome

  • 7 декабря 2012 08:05
  • Регистрация: 26.08.2012
  • ICQ: 916373
  • Комментариев: 23
kaktyc, Заливать картинку к себе, ваше право. Я мог просто убрать ее, тогда пользователи, говорили бы, что не работает...

--------------------

0

#7broker

  • 7 декабря 2012 12:24
  • Регистрация: 13.10.2010
  • ICQ: --
  • Комментариев: 93
  • Выкл.
Прикольно получилось..........картинку залил к себе и сразу какое то чувства праздника появилось на сайте , спасибо :)

-1

#8CamStyle

  • 7 декабря 2012 15:15
  • Регистрация: 6.05.2010
  • ICQ: 6670833
  • Комментариев: 394
Помню яндекс делал свою герлянду со звуком когда наводишь на шарики, вот это реальная красота, а это... старьё по сравнению.

0

#9scome

  • 7 декабря 2012 15:18
  • Регистрация: 26.08.2012
  • ICQ: 916373
  • Комментариев: 23
CamStyle, Яндекс это крупнейшая компания! Что тут говорить...

--------------------

0

#10CamStyle

  • 7 декабря 2012 15:30
  • Регистрация: 6.05.2010
  • ICQ: 6670833
  • Комментариев: 394
Вот, в принципе даже нашёл =)
http://megascripts.ru/demo/new_year_motnya/index.html

+1

#11scome

  • 7 декабря 2012 16:05
  • Регистрация: 26.08.2012
  • ICQ: 916373
  • Комментариев: 23
CamStyle, Вещь конечно хорошая, но это не гирлянда, а что то типа украшения. Тем более будет раздражать пользователей своим звуком. Так, как большинство слушают музыку. Заходишь ты на сайт, а тут постоянно данный звук....

--------------------

0

#12serGUCCI

  • 7 декабря 2012 16:28
  • Регистрация: 11.09.2010
  • ICQ: --
  • Комментариев: 466
  • Выкл.
Цитата: scome
Заходишь ты на сайт, а тут постоянно данный звук.

звук только если ты мышкой бегаешь по шариках.
Очень крутое украшение, кто бы рипнул biggrin

0

#13CamStyle

  • 7 декабря 2012 16:43
  • Регистрация: 6.05.2010
  • ICQ: 6670833
  • Комментариев: 394
serGUCCI,
мог бы и погуглить =)
http://megascripts.ru/load/ukrashenija_dlja_sajta/novogodnjaja_motnja_ot_jandeks
a_so_zvukom/13-1-0-77

+2

#14lasts0ng

  • 9 декабря 2012 04:15
  • Регистрация: 28.08.2012
  • ICQ: --
  • Комментариев: 1
порадовали smile

0

#15seka93

  • 9 декабря 2012 19:47
  • Регистрация: 11.09.2010
  • ICQ: --
  • Комментариев: 20
отлично порадовали

0

#16madbux

  • 2 января 2013 18:18
  • Регистрация: 2.01.2013
  • ICQ: --
  • Комментариев: 4
очень нужний шаблон спасибо

0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

SkripTers.biz - Снова с вами

https://culabra.ru — Блог вЭбмастЭра

DCOReARTs.COM - Услуги веб-дизайна и графики

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Наши баннеры
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Каких материалов НЕ хватает на сайте?

Шаблонов
Скриптов
Программ
Графики
Уроков и курсов

Архив новостей
Апрель 2018 (337)
Март 2018 (498)
Февраль 2018 (410)
Январь 2018 (141)
Декабрь 2017 (27)
Ноябрь 2017 (7)

Последние комментарии:

  • Hosting Ukraine
  • Яндекс.Метрика

Искать людей

Ваши переписки