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

ТОП 7 Недели

Самое просматриваемое
Weed Supermarket Simulator

Weed Supermarket Simulator

Симулятор
31
Dragon's Dogma 2 - Deluxe Edition

Dragon's Dogma 2 - Deluxe Edition

Action; RPG
23
Mineral Mining Simulator

Mineral Mining Simulator

Симулятор
18

Copyright © 2025 | Проект 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.