05.08.2014

Красивая синяя кнопка скачать на css для uCoz

Нажмите на изображение для просмотра в полном размере
Красивая синяя кнопка скачать на css для uCoz
Красивая синяя кнопка скачать на css адаптирована с DLE под систему uCoz. В данной кнопке отображается тип скачиваемого файла, его размер и кол-во скачиваний. Если файл расположен на удаленном сервере, то кнопка не меняет вид, просто вместо типа файла, написано Скачать.
Установка:
1) Заходим в ПУ сайта потом в Управление дизайном и прописываем в Таблице стилей:
Код
/* 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;}  
/* ------ */

2) Теперь проходим в Страницу материала и комментариев к нему и прописываем там где хотите видеть. Я лично прописывал после $МЕSSАGЕ$
Доступно только для пользователей
Понравилось:
Категория: Скрипты для ucoz сайтов Просмотров: 2320 Комментариев: 0
К материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!