Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 2
Гостей: 2
Пользователей: 0
Сайт сегодня посетили:

Кнопка скачать с эффектом изменения цвета
Главная » Скрипты для uCoz » Кнопка скачать с эффектом изменения цвета
Кнопка скачать с эффектом изменения цвета для uCoz
До наведения на кнопку:

После наведения на кнопку, плавно изменяется цвет:


Установка:
Это в <head>:
Code
<script type="text/javascript" src="http://rucoz.com/img/other/okno/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.homebutton,.downloadbutton').append('<span class="hover"></span>').each(function () {
var $span = $('> span.hover', this).css('opacity', 0);
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
$span.stop().fadeTo(500, 0);
});
});
});
</script>

Это вставляем в CSS:
Code
.downlod_title {
font-family: tahoma;
font-size: 10px;
color: #FFFFFF;
padding-top: 2px;
height: 23px;
}
.downlod_footer {
font-family: tahoma;
font-size: 10px;
color: #FFFFFF;
padding-bottom: 2px;
height: 23px;
}
.downloadbutton {
float: left;
width:107px;
height:38px;
display:block;
background-image:url(http://rucoz.com/img/twobuttons.png);
background-position: top right;
}
.downloadbutton span.hover{
position: absolute;
display: block;
width:107px;
height:38px;
background-position: bottom right;
background-image:url(http://rucoz.com/img/twobuttons.png);
}
.homebutton {
float: left;
width:120px;
height:38px;
display:block;
background-image:url(http://rucoz.com/img/twobuttons.png);
background-position: top left;
}
.homebutton span.hover{
position: absolute;
display: block;
width:120px;
height:38px;
background-position: bottom left;
background-image:url(http://rucoz.com/img/twobuttons.png);
}

Код самой кнопки:
Code
<table border='0' cellspacing='0' cellpadding='0' align='center' background='http://rucoz.com/img/downlod.png' wight='220' height='84'>
<tr>
<td align='center' class='downlod_title'>$ENTRY_TITLE$</td>
</tr>
<tr>
<td><a href='$FILE_URL$' class='homebutton'></a>
<a href='$RFILE_URL$' class='downloadbutton'></a></td>
</tr>
<tr>
<td align='center' class='downlod_footer'>Загрузок $LOADS$</td>
</tr>
</table>
Просмотров: 1161 | Комментариев: 0 | Опубликовал: DizeL | Дата: 24.10.2010

 24.04.2011   
 

 ЛС чрез Ajax 

 26.09.2009   
 

 Персональная страни... 

 03.12.2009   
 

 Меняем надпись &quo... 

 16.01.2011   
 

 Компактный красивый... 

 07.11.2009   
 

 Личный статус 

 30.07.2010   
 

 Spacegallery - Необ... 

 19.09.2009   
 

 новый вид иконок в ... 

 14.03.2010   
 

 flash часы 

 12.03.2014   
 

 Вид статистика для ... 

 26.09.2011   
 

 Быстрое изменение а... 

 24.04.2011   
 

 Новый топ пользоват... 

 08.02.2010   
 

 Вид материалов (Для... 

 23.02.2010   
 

 Стена пользователя ... 

 01.01.2010   
 

 Скрипт "С Днем... 

 14.03.2010   
 

 flash часы 

 22.04.2011   
 

 Блок с браузерами. ... 

 30.08.2010   
 

 Измененная страница... 

 07.12.2009   
 

 Вид категорий как н... 

 14.01.2011   
 

 Серое, вертикальное... 

 02.12.2009   
 

 Конструктор аватаро... 

 27.10.2009   
 

 PS для форума 

 01.05.2010   
 

 Дополнение для личн... 

 24.11.2009   
 

 Украшение для сайта 

 06.09.2010   
 

 Новый вид Техническ... 

 04.10.2009   
 

 Мини профиль 

 06.11.2009   
 

 Персональная страни... 

 04.11.2009   
 

 аватар в мини чате 

 12.07.2010   
 

 Скрипт проверки Дру... 

 16.09.2009   
 

 Проигрыватель на са... 

 30.11.2009   
 

 Иконки рядом с нико... 

 05.11.2009   
 

 Кнопка инфо 

 14.02.2010   
 

 Авто теги 

 12.02.2012   
 

 Скрипт запрещающий ... 

 07.11.2009   
 

 Причина удаления ма... 

 19.04.2010   
 

 Блок мы рекомендуем... 

 06.11.2009   
 

 Регистрация после п... 

 04.12.2009   
 

 Разделитель между ф... 

 26.01.2011   
 

 Извещения об обновл... 

 13.11.2010   
 

 Новый минипрофиль 

 08.10.2009   
 

 Поиск по форуму 

 18.10.2009   
 

 Хороший мини профил... 

 30.11.2009   
 

 Анти-флуд защита в ... 

 30.09.2009   
 

 Доска почёта с нагр... 

 03.03.2011   
 

 Красивый вид репута... 

 20.09.2009   
 

 Форма входа 

 06.11.2009   
 

 Новый Софт Блок!! 

 20.05.2010   
 

 Watemark для любого... 

 20.11.2010   
 

 Новый анти-мат для ... 

 12.02.2012   
 

 Информер для музыка... 

 26.09.2009   
 

 Меню на сайт 

 27.10.2009   
 

 Теги с 4dle 

 29.12.2010   
 

 Вид материалов для ... 

 23.07.2010   
 

 Уникальное меню как... 

 06.11.2009   
 

 Блок - Новое на фор... 

 31.07.2010   
 

 Форма добавления ко... 

 14.01.2010   
 

 Красивое меню для с... 

 19.12.2009   
 

 Персональная страни... 

 11.02.2012   
 

 Оповещание о новых ... 

 08.11.2009   
 

 Иконка поста - u.po... 

 03.03.2011   
 

 Замена CSS на сайте... 

 11.02.2010   
 

 Просмотр форумa 

 01.05.2010   
 

 Code и quote в моду... 

 04.10.2011   
 

 Табличка (Сиды, Пир... 

 08.11.2009   
 

 Уведомление о новых... 

 26.12.2010   
 

 Профиль 

 31.12.2013   
 

 Уникальный вид коме... 

 04.12.2009   
 

 Запретить выделение... 

 30.09.2009   
 

 Вид фотоальбома для... 

 19.12.2009   
 

 Новое на форуме как... 

 18.12.2009   
 

 Новое на форуме как... 

 20.12.2009   
 

 Мини профиль как на... 

 21.05.2010   
 

 Генератор паролей п... 

 23.12.2009   
 

 Новый вид информаци... 

 23.10.2010   
 

 Модальное окно голу... 

 06.11.2009   
 

 Причина редактирова... 

 23.07.2010   
 

 Вертикальное раздви... 

 21.12.2009   
 

 Запрет на понижение... 

 06.11.2009   
 

 Вид Опроса 

 14.03.2010   
 

 flash часы с ораньж... 

 25.01.2010   
 

 Cкрипт изменяющий м... 

 21.02.2011   
 

 Новый вид отправки ... 

 09.02.2010   
 

 Меню 

 13.12.2009   
 

 Авто-регистрация 

 14.10.2009   
 

 Мини Профиль 

 25.01.2010   
 

 Квадратная рамка во... 

 25.12.2010   
 

 Топ 5 пользователей... 

 20.07.2010   
 

 Предупреждения 1.0 

 23.07.2010   
 

 Панель навигации сл... 

 11.10.2010   
 

 Семейное положение ... 

 22.11.2010   
 

 Html карта сайта - ... 

 12.12.2010   
 

 Проверка статуса по... 

 14.03.2010   
 

 flash часы 

 18.11.2013   
 

 Уведомления о регис... 

 14.12.2010   
 

 Снег на сайте - зим... 

 20.01.2014   
 

 Всплывающий мини-ча... 

 11.02.2011   
 

 Красивый вид опроса... 

 03.11.2009   
 

 Гостевая книга-комн... 

 16.09.2009   
 

 Простенький вид нов... 

 20.11.2009   
 

 Иконка RSS в браузе... 

 02.11.2009   
 

 Мини профиль 

 06.09.2014   
 

 Вид комментариев uc... 

© 3aka4ka.at.ua 2008 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.