регистрация
857материалов
3218комментариев
249тем на форуме
7310пользователей
Хотите узнать что случилось и что дальше будет с сайтом?
Да, хотелось-бы :-)

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


Описание:

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

Установка:

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

Далее подключаем стили (CSS):
Код
<link rel="stylesheet" type="text/css" href="/loading/style.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?>


Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Информация о скрипте:
Материал просмотрен: 4547 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 16 комментариев

Пожаловаться
Сказать спасибо

16 комментариев


Roman
Роман Сергеев @Roman 11.10.2015 00:161
+9
Отличные кнопки. Где то я, у кого то на сайте про uCoz, уже видел такие кнопки. Однозначно, 3 кнопку установлю к себе на сайт
Romchik
Кстати, я тоже где то видел эту кнопки, помню что сайт был на DLE
D
Alex Mendison @Defoz 13.11.2015 19:343
0
Подключил стили... закачал на фм папку... заменил код на странице и не фига... тупо пропала кнопка остались квадратные скобки
ana4220
Анатолий @ana4220 13.11.2015 21:374
0
И куда это все ставить, путь укажите.
ana4220
Анатолий @ana4220 13.11.2015 21:555
0
Все нашел, только не знаю как убрать квадратные скобки которые остались.
ana4220
Выставил новый комментарий, это удалил.
Ромчик
Код я написал правильно, скорее всего вы его не полностью скопировали.
1 2 3 »
avatar
Правила чата
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 3
Гостей: 3
Пользователей: 0