Последние комментарии
- DxB-studio
Оставлен 01.01.2015
Стильное оповищение Войти или зарегестрироватся для ucoz - DxB-studio
Оставлен 29.11.2014
o2 Reborn Ultimat для uCoz (ЕСТЬ ДЕМО) - Qston.3dn.ru
Оставлен 04.09.2014
Аватары в личных сообщениях - Cat
Оставлен 13.07.2014
Сворачиваемый мини-чат для ucoz - Владимир
Оставлен 07.07.2013
Форма регистрации для uCoz - ugames7
Оставлен 21.04.2013
Оригинальный шаблон для 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>
<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>
<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;}
#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;}
Готово.
Другие новости |
Поделиться ссылкой
|
|