| Главная » Шаблоны и Скрипты для uCoz » Скрипты для uCoz » Кнопки для uCoz |
Синяя кнопка скачать для uCoz
| 28.03.2015, 20:57 | |
| Очень красивая и удобная кнопка скачать синего цвета . Синий цвет можно легко поменять на любой другой изменяя цвет в стилях , это делается легко и просто. Данная кнопка будет не только давать скачивать но и информировать о количестве загрузке материала и размер архива . Установка довольно таки проста! Для начало установите код кнопки где вы желаете видеть в дизайн страницы "Страница материала и комментария к нему" модуль естественно каталог файлов. Код <br><?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?> <br><?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?> Теперь нужно установить стили данной кнопки и для этого скопируйте ниже приведённые стили в ваши стили сайта в самый низ. Код /* donwload */ .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;} /* ------ */ Вот и всё у вас есть красивая и удобная кнопка скачать на вашем ресурсе. | |
| Просмотров: 569 | | Комментарии: 1 | |
