Кнопка скачать - Кнопки - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Войти
Регистрация
Посетители за сегодня
Обратная связь
Опрос
Правила чата
Пользователи онлайн
−Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории
Комментарии
༒AДМИНИСТРАТОР༒
21-Декабря-2021
noНе выводит сообщения в чат.
Ответить
Vitalya
18-Апреля-2021
Игор приносим свои извинения за предоставленные не удобства, сайт проходит перекваливфикацыю, по эт
Ответить
igor_ponyshkov
10-Апреля-2021
noЭТО МЕНЮ НЕ РАБОТАЕТ https://wampi.ru/image/RnPeLYV
Ответить
Milan_Shubin
01-Июля-2018
Спасибо, вы не виноват, эта все zornet не указывает авторов и источник, если ему так написать то ба
Ответить
Vitalya
01-Июля-2018
Приносим свои извинения, всё исправим...
Ответить
KaMoRkA.uCoz.com -- uCoz -- Кнопки
Кнопка скачать
Если на сайте у вас материал который нужно скачивать, то вам нужна кнопка. И здесь скрипт для модуля отлично подойдет по своему дизайн. Он будет показывать сколько весит сам архив, который нужно скачать, также есть элементы эффекта, это по умолчанию зеленый, и при нажатие синий. Сделано все очень стильно, не просто надпись, а сделано уникально и красиво будет смотреться на сайте.



Но также будет написано название в самом верху, потом идет тот самый размер и заключает все, это название самого материала под скачивание, а точнее архива. Сделан под светлый дизайн, просто на тем отлично смотрится, но если кто решит сделать под темный, вам нужно поменять стрелку в и обвод где она. Всего идет одна ссылка в стилях, вы ее можете вмести с кодом поставить или стили перенести в CSS ресурса.

Установка:

Ставим там где посчитаете нужным, это может как вид материала и комментарий к нему.
Code
<div align="right" style="padding-top:4px;">  
  <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?><?if($FILE_URL$)?><a href="$FILE_URL$" title="Скачать $ENTRY_TITLE$" class="download_button_like_stat" rel="nofollow">  
  <span class="download_button_like_stat_title">Скачать/Download</span><?endif?><?else?><?if($RFILE_URL$)?><ahref="$RFILE_URL$" target="_blank"></a> ($RFILE_SIZE$)<?endif?><?endif?>  
  <span class="download_button_like_stat_subtitle"><span style="float: right; padding-left: 20px;"><b>Загрузок: $LOADS$</b></span><b>Размер файла: $FILE_SIZE$</b></span>  
  <span class="download_button_like_stat_subtitle" style="padding-top: 2px; font-size: 12px;"><b>Название файла: </b><?substr($FILE_DIRECT_URL$, strrpos($FILE_DIRECT_URL$,'/') +1)?></span>  
  </a></div>  
   
<style>  
.vid_mater .message_r a {text-decoration: none; color:#44b1d4; font-family:Tahoma; font-size:11px;}  
  .download_button_like_stat {  
display: inline-block;  
background: url('http://zornet.ru/Aben/Gsa/download_icon.png') no-repeat 10px -2px;  
color: #2DC5EB !important;  
font-size: 17px !important;  
font-family: Arial !important;  
font-weight: bold;  
text-align: left;  
height: 60px;  
padding: 12px 15px 5px 80px;  
margin: 8px;  
white-space: nowrap;  
overflow: hidden;  
text-overflow: ellipsis;  
-o-text-overflow: ellipsis;  
max-width: 450px;  
border-radius: 12px;  
-moz-border-radius: 12px;  
-webkit-border-radius: 12px;  
  }  

  .download_button_like_stat .download_button_like_stat_title {  
line-height: 18px;  
  }  

  .download_button_like_stat .download_button_like_stat_subtitle {  
display: block;  
color: #858a93;  
font-size: 12px;  
font-family: Arial;  
font-weight: normal;  
padding: 5px 0 0 0;  
line-height: 14px;  
white-space: nowrap;  
overflow: hidden;  
text-overflow: ellipsis;  
  }  

  .download_button_like_stat:hover {  
background-position: 10px -82px;  
background-color: #f5fbfc;text-decoration: none;}  
  }  

  .download_button_like_stat:hover .download_button_like_stat_title {  
text-decoration: underline !important;  
  }  

  .download_button_like_stat:hover .download_button_like_stat_subtitle {  
color: #5C6063;  
text-decoration: none !important;  
  }  
</style>

Важно!

При копировании материала указывать ссылку на источник.

- 442
- 10-Ноября-2016
- 0
Материал разместил:

Похожий материал
Похожего материала не найдено...
Статьи сайта
12-Ноября-2017 в 23:41:03
Рай для верстальщика: синхронизация окон браузеров
29-Июня-2017 в 12:30:13
Что такое информер и зачем нужен на сайте
29-Июня-2017 в 10:21:53
Ограничить длину заголовка и описание к материалу для uCoz
05-Марта-2017 в 12:54:01
Сокращаем "Описание" в вид материалов
01-Марта-2017 в 17:08:05
Не форматируется флешка? Решение есть