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

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

Кнопка "Скачать" для uCoz Denis Minov" />

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

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

<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;}



Раздел: uCoz и uCit

Категория: uCoz улучшения

Кодировка: utf-8

Автор: Denis Minov

Опубликовал: Дмитрий


Подождите, сейчас файл будет подготовлен, через
секунд Вы получите ссылку на скачивание,
а сейчас может Зарегистрируемся? wink это быстро!

Имя:*
E-Mail:
Кликните на изображение чтобы обновить код, если он неразборчив


Реклама

Copyright © 2023 | Проект GiG-LiFe.ru
Материалы на этом сайте взяты из общедоступных источников и могут быть удалены по просьбе авторов, при наличии доказательства авторства.
Materials on this site are taken from public sources and may be deleted at the request of their authors when there is evidence of authorship.