» » » » Кнопки скачать торрент + PSD by Winston888

Кнопки скачать для торрент сайта.


Код кнопки:
Код
<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;}


Готово.

  Просмотров: 7957 | Категория: Ucoz-кнопки | Добавил: NA

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.