Добро пожаловать на наш сайт GAMECONTROL.AT.UA ,здесь Вы можете скачать всё для COUNTER STRIKE И СИСТЕМЫ UCOZ!
Связь с администратором 14

игровой портал Gamecontrol.at.ua - Всё для сервера Counter Strike 1.6 и Системы UCoz

Реклама - это основной доход Gamecontrol.at.ua. Пожалуйста, внесите наш сайт в список исключений, чтобы мы могли развивать наш проект и радовать Вас новыми материалами.

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

Добавил(а) HeaDShoT Просмотров: 14 Комментариев: 0
Нечем было заняться, вот решил адаптировать кнопку с движка 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?>


Скриншоты:



Рейтинг Оценка материалов
ПОЛНОЕ ИЛИ ЧАСТИЧНОЕ КОПИРОВАНИЕ МАТЕРИАЛА БЕЗ УКАЗАНИЯ ССЫЛКИ НА gamecontrol.at.ua ЗАПРЕЩЕНО!
ВНИМАНИЕ ! НИ В КОЕМ СЛУЧАЕ НЕ ПЕРЕХОДИТЕ ПО ССЫЛКАМ В КОММЕНТАРИЯХ ВО ИЗБЕЖАНИИ ВИРУСОВ !



 
Добавил(а) HeaDShoT Дата: 24.03.2021 Комментариев: 0 Теги: скачать, Кнопки для uCoz, кнопка, Адаптированная



 



 
Внимание! Если вам нравится это сайт, то пожалуйста отключите AdBlock или другие резальщики рекламы на этом сайте. Возможно предложение здесь, вас заинтересует.

Всего комментариев: 0
avatar
Добро пожаловать на наш сайт GAMECONTROL.AT.UA ,здесь Вы можете скачать ВСЁ ДЛЯ COUNTER STRIKE И СИСТЕМЫ UCOZ ,так же можно заказать в бегущюю строку вашу рекламу !