Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.135.219.153
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Кнопка скачать с размеров,названием и скачками + psd
Сообщение оставлено 05.06.2010 в 19:28:34 | Сообщение #1

Установка:

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 картинки есть в архиве
Скачать :D

 

Проводим конкурсы на сайте d1z-zone.ru Бюджет 2000р.
 
   
Сообщение оставлено 08.10.2011 в 17:24:08 | Сообщение #2
Inst1nct, в хеад какой?
 
 
   
Сообщение оставлено 08.10.2011 в 20:28:08 | Сообщение #3
Главная » Управление дизайном »Страницы сайта
 
 
   
Сообщение оставлено 08.10.2011 в 21:48:08 | Сообщение #4
Ух ты хорошая кнопочка)),такую можно и себе поставить,спасибо
 
 
   
Сообщение оставлено 09.10.2011 в 16:35:56 | Сообщение #5
Действительно неплохая кнопка, только на скрине реклама sad
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика