Описание
Простая кнопка "скачать" для модуля "Каталог файлов".
При наведение на кнопку выезжает "размер файла".
Установка: В
ПУ >
Управление дизайном >
Каталог файлов >
Страница материала и комментариев к нему в нужное место добавить этот код:
Код
<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 года.