Адаптированная DLE кнопка "Скачать" для uCoz

1998
8.2 из 10
Проголосовало: 14






Нечем было заняться, вот решил адаптировать кнопку с движка DLE под uCoz. Надеюсь вам понравиться и вы будете использовать на своем сайте. У кнопки есть интересная анимация, красиво сделана, считывает количество загрузок и показывает вес сайта. А так же при заливании на сайт, показывает как на движке DLE. Это видно на скриншоте.

Установка:

Шаг 1. Заходим на наш сайт в ПУ (Панель Управления) и переходим в таблицу стилей.
Шаг 2. Вставляем код в самый низ стилей.
Код


/* Adaptations by coffee aka mozila aka ololowka */  
  .mknop {  
  display: inline-block;  
  margin: 10px 0px;  
  height: 30px;  
  border: 1px solid #419DB8;  
  border-radius: 5px;  
  box-shadow: inset 0px 1px 0px #7ACBE3, 0px 1px 0px 0px #fff, 0px 2px 4px 0px #90C9D8;  
  background: #58bedc;  
  background: -moz-linear-gradient(top, #58bedc 11%, #3097b5 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#58bedc), color-stop(100%,#3097b5));  
  background: -webkit-linear-gradient(top, #58bedc 11%,#3097b5 100%);  
  background: -o-linear-gradient(top, #58bedc 11%,#3097b5 100%);  
  background: -ms-linear-gradient(top, #58bedc 11%,#3097b5 100%);  
  background: linear-gradient(to bottom, #58bedc 11%,#3097b5 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58bedc', endColorstr='#3097b5',GradientType=0 );  
  }  

  .mknop:hover {  
  display: inline-block;  
  margin: 10px 0px;  
  height: 30px;  
  border: 1px solid #419DB8;  
  border-radius: 5px;  
  box-shadow: inset 0px 1px 0px #7ACBE3, 0px 1px 0px 0px #fff, 0px 2px 4px 0px #2186A2;  
  background: #58bedc;  
  background: -moz-linear-gradient(top, #58bedc 11%, #21819D 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#58bedc), color-stop(100%,#21819D));  
  background: -webkit-linear-gradient(top, #58bedc 11%,#21819D 100%);  
  background: -o-linear-gradient(top, #58bedc 11%,#21819D 100%);  
  background: -ms-linear-gradient(top, #58bedc 11%,#21819D 100%);  
  background: linear-gradient(to bottom, #58bedc 11%,#21819D 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58bedc', endColorstr='#21819D',GradientType=0 );  
  }  

  .mknoplink {  
  padding: 2px 8px;  
  display: inline-block;  
  background: #efefef;  
  background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));  
  background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);  
  background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);  
  background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);  
  background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );  
  box-shadow: inset 0px 1px 0px #fff,0px 1px 0px #E5E5E5;  
  border-radius: 3px;  

  text-shadow: 0px 1px 0px #fff;  
  margin: 4px 10px 0px 5px;  
  color: #15586A;  
  font: 14px Arial;  
  }  

  .mknopsize {  
  margin: 0px 10px 0px 7px;  
  display: inline-block;  
  padding: 2px 5px;  
  background: #1A6479;  
  box-shadow: inset 0px 1px 2px #0A4352, 0px 1px 0px #48C1E3;  
  border-radius: 3px;  
  color: #C9F5FF;  
  text-shadow: 0px -1px 0px #0D3E4B;  

  }  

  .mknopdownload {  
  display: inline-block;  
  color: #D6F7FF;  
  text-shadow: 0px -1px 0px #1A6479;  
  }  

  .mknopcifr {  
  margin: 0px 5px 0px 5px;  
  display: inline-block;  
  padding: 2px 5px;  
  background: #1A6479;  
  box-shadow: inset 0px 1px 2px #0A4352, 0px 1px 0px #48C1E3;  
  border-radius: 3px;  
  color: #C9F5FF;  
  text-shadow: 0px -1px 0px #0D3E4B;  
  }  
  .mknorazt {  
  display: inline-block;  
  color: #D6F7FF;  
  text-shadow: 0px -1px 0px #1A6479;  
  }  
  /* ------ */



Шаг 3. Заходим в модуль "Каталог файлов" в Страницу материала и комментария к нему и вставляем данный код, где хотим видеть кнопку.

Код

<?if($FILE_URL$)?><a href="$FILE_URL$"><div class="mknop"><div class="mknoplink"><?substr($FILE_DIRECT_URL$,27,20)?></div><?if($FILE_SIZE$)?><div class="mknorazt">Вес:</div><div class="mknopsize">$FILE_SIZE$</div><?endif?><div class="mknopdownload">Загрузок: <div class="mknopcifr">$LOADS$</div></div></div></a><?endif?>  
  <?if($RFILE_URL$)?><a href="$RFILE_URL$"><div class="mknop"><div class="mknoplink">Скачать файл</div><?if($FILE_SIZE$)?><div class="mknorazt">Вес:</div><div class="mknopsize">$FILE_SIZE$</div><?endif?><div class="mknopdownload">Загрузок: <div class="mknopcifr">$LOADS$</div></div></div></a><?endif?>


Установка готова.

P.S Если возникнут проблемы, или же будут баги, прошу отписаться.
Автор публикации: Загрузка
Загрузка
Ololowka, это его n материал
  • Всего комментариев: 6

tolyan163rus
0
tolyan163rus написал: Написано 02 Июня 2013 в 21:41
Комментарий №5
не робит почему-то синего эффекта нет, все правильно сделал!

FalleN
0
FalleN написал: Написано 02 Июня 2013 в 22:38
Комментарий №6
какого еще синего эффекта?? Градиента нет?

kolyan1282
+1
kolyan1282 написал: Написано 24 мая 2013 в 16:55
Комментарий №2
Нашел ошоибку - и с другого сервера и с сайта написал $FILE_SIZE$

Ololowka
+2
Ololowka написал: Написано 24 мая 2013 в 17:58
Комментарий №3
Прошу прощения, заметил уже после того, как выложил sad
Не могу исправить, так, как у меня неттаких прав.

kolyan1282
0
kolyan1282 написал: Написано 24 мая 2013 в 18:36
Комментарий №4
Ничего страшного, думаю кто понял - поменяет сам

kolyan1282
-1
kolyan1282 написал: Написано 24 мая 2013 в 16:37
Комментарий №1
Очень красиво, багов не обнаружил +++++.
Мне какраз под сайт подошла, СПАСИБО!!!

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2124
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • ЯдеR написал:
  • ставлю CSS стили и слетает стиль шапки и статистика ни как не меняется на такую, как у вас в примере
  • ЯдеR написал:
  • не работает(
  • BLAzER написал:
  • 404 sad
  • Site_Test написал:
  • вместо
    Код
    <script type="text/javascript">  
    <!-- Progess bar - NEW uCoz "By Lekus" 2017. uFace -->  
    <!--  
    document.write(unescape('%3C%6C%69%6E%6B%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%20%72%65%6C%3D%22%53%74%79%6C%65%53%68%65%65%74%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%75%66%61%63%65%2E%61%74%2E%75%61%2F%64%65%6D%6F%2F%50%72%6F%67%65%73%73%5F%62%61%72%4E%45%57%2F%73%74%79%6C%65%2E%63%73%73%22%20%2F%3E'));
    //-->  
    </script>


    пишем просто
    Код
    <link type="text/css" rel="StyleSheet" href="http://uface.at.ua/demo/Progess_barNEW/style.css" />
    в страница добавления/редактирования материала отображается следуещее ,success:function(a){var a=$(a);!a.text().match('myWinError')? plusrep(a) : _uWnd.content('addEnt',a.text().match(/<div[^<>]*>(.+)<\/div>/i)[0])||$('input.manFlSbm').attr('disabled',0)}

    и не работает ничего(, что делать?
    Последние темы
    Опрос
    502
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: