Стильная кнопка "скачать" для uCoz
827материалов
228тем на форуме
3003комментария
6152пользователя

Стильная кнопка "скачать" для 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?>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

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

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

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


Roman
Роман Сергеев @Roman 11.10.2015 00:161
+9
Отличные кнопки. Где то я, у кого то на сайте про uCoz, уже видел такие кнопки happy Однозначно, 3 кнопку установлю к себе на сайт like
Romchik
Кстати, я тоже где то видел эту кнопки, помню что сайт был на DLE
avatar
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
Анатолий @ana4220 13.11.2015 22:246
0
Каталог файлов
Страница Материалов и комментариев к нему
Меняем: <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[ <?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?>

На: <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?> <?if($FILE_URL$)?><?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?><?endif?>
==========================
P.S - В конце добавил <?endif?> поскольку писало, не закрыт оператор, только так придумал, может я и не прав, надо было может чем другим закрыть. Но я еще учусь.
Ромчик
Код я написал правильно, скорее всего вы его не полностью скопировали.
1 2 »
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта