Кнопка "скачать" для сайта uCOZДобрый день уважаемые гости и пользователи нашего портала! Хотел бы
представить вам без исключения полезный для каждого скрипт
кнопки "скачать" для сайта uCoz. Такая кнопка будет очень элегантно смотреться на вашем
сайте. Эта кнопка "скачать" особенно пригодится для различных софт
порталов и не только. К примеру такая кнопка найдет себе применение на
различных музыкальных, а может даже и игровых порталах.
Кнопка
выполнена достаточно красиво и современно. На выбор их предоставлено
две зеленая и темно-желтая кнопки. Также эта кнопка интересна тем, что
содержит информацию о количестве скачиваний и размере вашего файла.
Большим плюсом является полное отсутствие багов и простота в установке. Если
у вас остались какие-либо вопросы то не стесняйтесь смело оставляйте их
в комментариях. Так же не забывайте ставить LIKE и делиться нашими
новостями в социальных сетях. И так приступим к установке!
Установка: 1. В самый низ 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;} |
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> |
Нравится
|