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

Наверх!
Кнопка "Скачать" для uCoz
Демо Скачать
Доп. услуги

Описание

Простая кнопка "скачать" для модуля "Каталог файлов".
При наведение на кнопку выезжает "размер файла".

Установка:
В ПУ > Управление дизайном > Каталог файлов > Страница материала и комментариев к нему в нужное место добавить этот код:

Код
<div class="load-button">
<a href="$FILE_URL$" class="text-button" download>Скачать</a>
<?if($FILE_SIZE$)?><div class="des-button">Размер $FILE_SIZE$</div><?endif?>
</div>


Далее в ПУ > Управление дизайном > Таблица стилей (CSS) добавить следующий код:

Код
.load-button {display: block; width: 200px; height: 50px; position: relative;}
.load-button .text-button, .load-button .des-button {display: block; height: 50px; line-height: 50px; text-align: center; position: relative;}
.load-button .text-button {width: 100%; background: #4ba4f9; color: #fff !important; border-radius: 3px; z-index: 2; cursor: pointer; text-decoration: none !important;}
.load-button .des-button {width: 80%; background: #b6d4ef; color: #666; border-radius: 0 0 3px 3px; margin: 0 auto; top: -50px; z-index: 1; transition: top linear .2s; pointer-events: none;}
.load-button:hover .des-button {top: 0px;}

Важно

При копирование материала указывайте ссылку на страницу и автора материала.
Адресом страницы является ссылка: http://pandora.clan.su/publ/1-1-0-66
Автором материала является: Denis Minov (CbIPoK2513)

Лицензия GNU GPL от 2018 года.
Дополнительно
Комментарии
Комментов нет.. Печально. Может оставишь свой коммент?
Комментарии могут оставлять только зарегистрированные пользователи.