» »

Цветные кнопки скачать для торрент + PSD


Цветные кнопки скачать для торрент + PSD

Красивые кнопки скачать для ucoz. А именно по тематике торрент, в плюс в архиве вы обнаружите к каждой кнопки PSD и можете подогнать их под свой дизайн сайта.
Кнопки скачать для ucoz, вы можете скачать по прямой ссылки с нашего сайта.
А теперь скрипты под кнопки.
Код
<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>




Код
<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;}
05.03.2013 Загрузок: 32 Просмотров: 2992 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar