регистрация
856материалов
3341комментарий
239тем на форуме
7060пользователей

Стильная кнопка "скачать" для 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
Материал просмотрен: 4100 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 12 комментариев

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

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


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
Анатолий @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
Партнерская программа uKitCPA
Создать сайт вместе с uKit.com
Статистики нашего сайта
Сегодня к нам присоединились: 5 человек
Пользователи и гости сейчас онлайн: 8 Сегодня наш портал посетили: чел
Сейчас на сайте: Admin8068, milan_shubin
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 8
Гостей: 6
Пользователей: 2