Кнопки скачать + PSD
827материалов
228тем на форуме
3003комментария
6152пользователя

Кнопки скачать + PSD


Зеленые и оранжевые кнопки "СКАЧАТЬ". В архиве есть PSD макет этих кнопок. 

ВАРИАНТ 1

На страницу подробного описания в нужное место ставим: 
Код
<div align="center">   
   <a href="$FILE_URL$" class="download_button" style="margin:5px;"rel="nofollow">   
   <div id="downtitle" style="position:absolute; top:10px;left:85px;">Скачать торрент</div>   
   <div id="downinfo" style="position:absolute; top:25px; left:85px;"align="left"><b>Размер:</b> $RFILE_SIZE$<br><b>Скачали:</b> $LOADS$ раз(а)</div>   
   </a>   
   </div>

ВАРИАНТ 2 


На страницу подробного описания в нужное место ставим: 
Код
<div align="center">   
   <a href="/" class="download_button_mg" style="margin:5px;"rel="nofollow">   
   <div id="downtitle" style="position:absolute; top:10px;left:85px;">Скачать через MediaGet</div>   
   <div id="downinfo" style="position:absolute; top:25px; left:85px;"align="left"><b>Размер:</b> $FILE_SIZE$<br><b>Скачали:</b> $LOADS$ раз(а)</div>   
   </a>   
   </div>

В CSS вставляем: 
Код
#downinfo {font-family: Cuprum;font-size: 12px;font-style: italic;color: #fff;text-shadow: 1px 1px rgba(0,0,0,.13);}   
   #downtitle {font-family: Cuprum;font-size: 16px;font-style: italic;color: #fff;text-shadow: 1px 1px rgba(0,0,0,.13);}   

   .download_button {display:block; width:256px; height:60px;background:url('/button_down.png') no-repeat; position:relative;color:#fff; text-shadow:0px 1px 1px #7cb51a;}   
   .download_button:hover {background-position:0 -62px; color:#fff; text-shadow:0px 1px 1px #49c2e0;}   

   .download_button_mg {display:block; width:256px; height:60px;background:url('/download_button_mg.png') no-repeat;position:relative; color:#fff; text-shadow:0px 1px 1px #7cb51a;}   
   .download_button_mg:hover {background-position:0 -63px; color:#fff; text-shadow:0px 1px 1px #49c2e0;}

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 28.07.2013 в 15:18
Материал просмотрен: 1694 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта