Стильная кнопка "скачать" для uCoz

302 06.12.2015 в 18:50 ILNUROFF

На uCoz создается очень много сайтов, которые так или иначе занимаются раздачей контента и предоставляют пользователям возможность скачивания файлов напрямую с сервера. И так уж получилось, что некоторых не устраивает дефолтный вариант кнопки "скачать". Хочу представить на общее обозрение 3 кнопки с красивыми эффектами CSS3 при наведении. Выглядит довольно стильно и эффектно. Кнопочки выполнены в бело-красных тонах, будет гармонично смотреться на Вашем портал. Установка кнопок очень проста и не займет много времени.

Установка:
Для начала скачиваете архив с нашего сайта и папку loading загружаете в свой файловый менеджер.

Далее подключаем стили (CSS):

Код

Код

<?if($FILE_URL$)?><div class="button-wrapper">
<a href="$FILE_URL$" class="a-btn">
<span class="a-btn-symbol">Z</span>
<span class="a-btn-text">Скачать бесплатно</span>
<span class="a-btn-slide-text">Вес $FILE_SIZE$, Скачиваний:$LOADS$</span>
<span class="a-btn-slide-icon"></span>
</a>
</div><?endif?>

Код

<?if($FILE_URL$)?><div class="button-wrapper">
<a href="$FILE_URL$" class="a-btn">
<span class="a-btn-symbol">i</span>
<span class="a-btn-text">Скачать бесплатно</span>
<span class="a-btn-slide-text">Вес $FILE_SIZE$, Скачиваний:$LOADS$</span>
<span class="a-btn-slide-icon"></span>
</a>
</div><?endif?>

Код

<?if($FILE_URL$)?><div class="button-wrapper">
<a href="$FILE_URL$" class="a-btn">
<span class="a-btn-symbol">X</span>
<span class="a-btn-text">Скачать бесплатно</span>
<span class="a-btn-slide-text">Вес $FILE_SIZE$, Скачиваний:$LOADS$</span>
<span class="a-btn-slide-icon"></span>
</a>
</div><?endif?>

Мне нравится5 Скачать32.1 Kbзагрузок: 1