ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Удобная кнопка скачать файлы для uCoz

Удобная кнопка скачать файлы для uCoz

Вашему вниманию скрипт на красиво сделанную и удобную кнопку под каталог файлов, где будет выводить с правой стороны размер с сервера. Если вы ставите ссылку с другого хостинг, то не будет выводить, что ниже показано будет. Но также можно со стороннего сделать, если привязать к этому дополнительные поля и только через них вывести. Но это каждый уже сам решит как для него будет предпочтительно. Создана она по умолчанию для темного сайта, но с ним идут стили, что тоже ставил на светлый и немного редактирование и все отлично и корректно смотрится.

Здесь по дизайн можно заметить одну тенденцию, эта иконка сильно похоже на "Яндекс диск" что вы не ошибаетесь, но это просто ссылка на изображение, которую вы сможете сменить на уникальную, или поставить стрелку в низ, чтоб при виде все понятно было. Безусловно есть на нем эффект, это при наведении, но тут главнее как считаю сама стилистика, по которой придумана эта кнопка. Под тему файлы, это может быть любая, как софт или игровая, где скачивают архивы, то этот код отлично подойдет. Во первых его сразу видно и показывает вес. Если вы не зарегистрировались, то у вас не будет прав и вы увидите надпись, что приложена в материале.

Рассмотрим светлый дизайн сайта:

По прямой ссылки:

Сервис:

Это уже на темный фон идет и визуально смотрится:

На прямую сервис:

С хостинг другого:

Так будет видеть гость:

Приступаем к установке:

Нужно разместить ее вид материалов и комментариев к нему модуля файлы.

Код

<center>
<div class="download-block">

<?if($USER_LOGGED_IN$)?> <?if($FILE_URL$)?><a href="$FILE_URL$" class="skachat" title="Скачать файл">
<div class="download-disc"><center><div>Скачать файл</div></center></div>
</a><?endif?>
<?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank" class="skachat" title="Скачать файл">
<div class="download-disc"><center><div>Скачать файл</div></center></div>
</a><?endif?>
<style>.download-disc {width:400px;}</style>
<?if($RFILE_SIZE$)?><div class="download-size"><b style="color:#d9d9d9;font-size:16px;"><?if($RFILE_SIZE$)?>$RFILE_SIZE$<?else?>Неизвестно.<?endif?></b><br> Размер файла</div><?endif?>
<?if($FILE_SIZE$)?><div class="download-size"><b style="color:#d9d9d9;font-size:16px;"><?if($FILE_SIZE$)?>$FILE_SIZE$<?else?>Неизвестно.<?endif?></b><br> Размер файла</div><?endif?>

<?else?><center><div class="download-disc"><center><div><a href="$LOGIN_LINK$" class="skachat">Для скачивания авторизуйтесь</a></div></center></div>
<?endif?>
</div>
</center>

CSS:

Код

.download-block {
background-color: rgba(27,33,33,0.6);
min-width:470px;
height:72px;
max-width: 724px;
display: table-cell;
vertical-align: middle;
border:1px dashed #626262;
border-radius:5px;
}
.download-disc {
background-color: rgba(53,53,53,0.4);
height:63px;
border-radius:3px;
font-size: 19pt;
text-transform: uppercase;
font-weight: bold;
float: left;
margin-left: 3px;
}
.download-disc:hover {
background-color: rgba(53,53,53,0.8);
}
.download-block a:hover{
text-shadow:none;
}
.download-disc div{
background:url(http://zornet.ru/Fresa/AB/fega/disc.png) no-repeat;
padding-left: 53px;
margin-left: 6px;
height: 50px;
line-height: 2;
opacity: 0.8;
color: #cfcfcf;
margin-top: 6px;
margin-right:6px;
}
.download-disc div:hover{
opacity: 1;
}
.download-size {
float: left;
text-align: center;
padding-top: 12px;
margin:3px 10px;
font-size: 13px;
}

Автор: Макс
Доработал: trem200

28 Апреля 2017 Просмотров: 6807 Комментариев: (19)

Поделиться в социальных сетях

Материал разместил

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 19
Порядок вывода комментариев: Kolinkor 28 Апреля 2017 23:18¹ 0 Кнопка не чего так, каких только не было, но для меня чем проще тем лучше, это вот простая, поставил ее и по центру установлена. FeStemBer 28 Апреля 2017 23:25² 0 Этот скрипт уже давно в сети, точнее на многих сайтах его видел и здесь полностью согласен, что его только ставить под файлы, если тема позволяет. Марковичь 28 Апреля 2017 23:31³ 0 Не нужно сравнивать, установлен на сайте и в доступном месте, кнопка красивая, но диск здесь нужно сменить, не по теме он там. Tergran 29 Апреля 2017 02:13⁵ 0 По поводу, что давно в сети, возможно, но в первые его вижу. Так как нормально сделано, но можно кнопку меньше сделать. Maryges 29 Апреля 2017 02:11⁴ 0 А через дополнительное поле как делать, там же также оператор нужно ставить, лучше оставить как есть. trem200 29 Апреля 2017 11:31⁶ 0 Да кнопка скачивания шикарная, но прочитав автора и кто доработал, немного попал в ступор. А так очень хорошая кнопка Kolinkor 29 Апреля 2017 21:12⁷ +1 Видать по своему сделал, это больше всего, что не зарегистрированный пользователь не может скачать. trem200 30 Апреля 2017 01:40⁸ 0 Да, а ведь в данном виде не было такой вот возможности, но сейчас у меня стоит та же кнопка, но без кода, который ограничивает скачивание файлов для гостей. Kosten 30 Апреля 2017 02:00⁹ +1 trem200, если можешь, скинь код без регистраций, чтоб был выбор. trem200 30 Апреля 2017 13:05¹⁰ +1 Вот код Код <center> <div class="download-block"> <?if($FILE_URL$)?><a href="$FILE_URL$" class="skachat" title="Скачать файл"> <div class="download-disc"><center><div>Скачать\|Download</div></center></div> </a><?endif?> <?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank" class="skachat" title="Скачать файл"> <div class="download-disc"><center><div>Скачать\|Download</div></center></div> </a><?endif?> <style>.download-disc {width:400px;}</style> <?if($RFILE_SIZE$)?><div class="download-size"><b style="color:#d9d9d9;font-size:16px;"><?if($RFILE_SIZE$)?>$RFILE_SIZE$<?else?>Неизвестно.<?endif?></b><br> Размер файла</div><?endif?> <?if($FILE_SIZE$)?><div class="download-size"><b style="color:#d9d9d9;font-size:16px;"><?if($FILE_SIZE$)?>$FILE_SIZE$<?else?>Неизвестно.<?endif?></b><br> Размер файла</div><?endif?> </div> </center> Kosten 30 Апреля 2017 18:45¹² 0 trem200, как понимаю, код кнопки, где гости также по зеленому скачивают. Сп! -SAM- 02 Мая 2017 20:22¹⁵ +3 Код <?if($FILE_SIZE$)?>$FILE_SIZE$<?else?>Неизвестно.<?endif?> Условие абсурдно, достаточно просто $FILE_SIZE$. P.S.: Кнопку рипал XemorDio (выкладывал у себя на modstalker). Позже скину доработанный вариант. JoniDen 02 Мая 2017 21:22¹⁶ -1 Уважаемый извини меня конечно. Ну что ты такой противный? Тебе вечно что-то не нравиться, если ты умный такой, не стоит это всем показывать. Я это уже не первый раз замечаю. trem200 07 Мая 2017 16:03¹⁸ 0 Мне так удобно делать, если Вы можете лучше, то покажите как это сделать лучше, а не говорить, что данный способ абсурден. -SAM- 07 Мая 2017 19:31¹⁹ 0 Отписавшимся ниже - привет, если вам удобно не знать назначение переменных и допускать ошибки, это далеко не значит, что должны быть эти ошибки выставлены на показ, чтобы брали отсюда и потом также их допускали. Всё выше написал уже, что условие абсурдно, так как это не размер файла на удаленном сервере, как следствие у файлов залитых на сервер всегда будет свой размер, вот и выводить просто нужно переменной надлежащей, а не городить условия, которые даже срабатывать не будут - довески. ibestboy 30 Апреля 2017 14:48¹¹ -2 Kosten 30 Апреля 2017 20:10¹³ 0 ibestboy, что смайлы понравились?) -SAM- 02 Мая 2017 20:02¹⁴ 0 Не совсем, просто школота наглеет и тестирует нет ли блокировки на постинг. Kosten 02 Мая 2017 22:08¹⁷ 0 Но и чего можно от этого добиться, бан, так как человек имеет 2 акуанта, так как на сайте это запрещено.