На главную Форум Вход Регистрация
Кнопка скачать с размеров,названием и скачками + psd - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
[Игра] Города
Оставлено 68 сообщений в теме
Сигны в формате psd
Оставлено 45 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

Страница 1 из 11
Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Кнопка скачать с размеров,названием и скачками + psd
Кнопка скачать с размеров,названием и скачками + psd
NN-CS™
Дата: Воскресенье, 13.06.2010, 22:20 | Сообщение # 1
Администратор
Сообщений: 357
Репутация: 848
Награды: 17

Установка:

1.Между тегами head вставляем:

Code
<script type="text/javascript" src="/imdown/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>

2.Открываем 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(../imdown/twobuttons.png);    
background-position: top right;    
}    
.downloadbutton span.hover{    
position: absolute;    
display: block;    
width:107px;    
height:38px;    
background-position: bottom right;    
background-image:url(../imdown/twobuttons.png);    
}    
.homebutton {    
float: left;    
width:120px;    
height:38px;    
display:block;    
background-image:url(../imdown/twobuttons.png);    
background-position: top left;    
}    
.homebutton span.hover{    
position: absolute;    
display: block;    
width:120px;    
height:38px;    
background-position: bottom left;    
background-image:url(../imdown/twobuttons.png);    
}

3.В том место где хотим видеть вставляем:

Code
<table border='0' cellspacing='0' cellpadding='0' align='center' background='/imdown/downlod.png' wight='220' height='84'>    
<tr>    
<td align='center' class='downlod_title'>$TITLE$</td>    
</tr>    
<tr>    
<td><a href="$RFILE_URL$" target=_blank ><img src="/imdown/twobuttons.png"></a>    
          </td>    
                
</tr>    
<tr>    
<td align='center' class='downlod_footer'>Размер: [$RFILE_SIZE$] Скачали: ($LOADS$)раз(а)</td>    
</tr>    
</table>

3.Создаем папку imdown и все файлы кидаем в эту папку

Psd картинки есть в архиве
Скачать http://depositfiles.com/ru/files/7tjnabuhk


Форум чат общение » Центр помощи по развитию web ресурсов » Скрипты для ucoz » Кнопка скачать с размеров,названием и скачками + psd
Страница 1 из 11
Поиск:

Как писать сообщения и создавать свои темы на форуме?

Вверх