Макеты
  • EXMO affiliate program
  • Выгодный курс обмена валюты
  • Здесь может быть Ваш текст или баннер номер №3...
    Пишите Свободно

NEW: 
Раскрывающаяся кнопка Скачать с размером файла для Ucoz

Описание Web разработки: Раскрывающаяся кнопка Скачать с размером файла для Ucoz
Источник: © http://your-world.at.ua
Установка: Установка: в ПУ - Дизайн - Управление дизайном (шаблоны) - Каталог файлов - Страница материала и комментариев к нему в нужное место вставить скрипт кнопки:
Код
<div class="buttonWrap">   
   <div class="toggleButton">Скачать!</div>   
   <a href="$FILE_URL$" class="toggleSection">   
   <span>ZIP</span>   
   $FILE_SIZE$   
   </a>   
   </div>   
  <script language="javascript">   
   $(document).ready(function() {   
   $('.buttonWrap').click(function() {   
   if ($('.toggleSection').is(":hidden")) {   
   $('.toggleSection').slideDown("slow");   
   } else {   
   $('.toggleSection').slideUp("slow");   
   }   
   return false;   
   });   
   });   
   </script>


Так же добавить код стилей в ПУ - Дизайн - Управление дизайном (CSS) в конец шаблона:
Код
.buttonWrap{width:170px; height:80px; display:block;}   
     
   .toggleButton{   
   display:block;   
   width:170px;   
   height:30px;   
   padding:10px 0 0 0;   
   text-size:24px;   
   font-family:arial, sans-serif;   
   font-weight:bold;   
   text-align:center;   
   color:#FFF;   
   text-decoration:none;   
   border-radius:7px; -moz-border-radius:7px;   
   cursor:pointer;   
   border:1px solid #05ABE0;   
   text-shadow:-1px -1px 0px #05ABE0;   
   background: #87E0FD;   
   background: -moz-linear-gradient(top, #87E0FD 0%, #53CBF1 40%, #05ABE0 100%);   
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87E0FD), color-stop(40%,#53CBF1), color-stop(100%,#05ABE0));   
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87E0FD', endColorstr='#05ABE0',GradientType=0 );   

   }   
   .toggleButton:active{   
   background: #87e0fd;   
   background: -moz-linear-gradient(top, #05ABE0 0%, #53CBF1 40%, #87E0FD 100%);   
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05ABE0), color-stop(40%,#53CBF1), color-stop(100%,#87E0FD));   
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ABE0', endColorstr='#87E0FD',GradientType=0 );   
   }   
     
   a.toggleSection{   
   display:none;   
   color:#333;   
   background:#EEE url(icon-dl.png) no-repeat 5px center;   
   border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD;   
   border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;   
   width:60px;   
   float:right;   
   padding:5px 5px 5px 40px;   
   margin:0 10px 0 0;   
   font-family:arial, verdana, sans-serif;   
   font-size:12px;   
   text-decoration:none;   
   }   
   a.toggleSection span{font-weight:bold; display:block;}



Автор/Источник: не установлен автором Релиза или тупо источник неизвестен:)



Выгодный курс обмена валюты

Категория: Ucoz | Добавил: ♔Ďęŕჳҝuŭ♔ | Теги: кнопка, размером, Раскрывающаяся, файла, скачать, uCoz Раскрывающаяся кнопка Скачать с размером файла для Ucoz кнопка, размером, Раскрывающаяся, файла, скачать, uCoz

Похожие новости:

Имя *:
Email *: