ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Удобная кнопка скачать файлы для 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 Просмотров: 6577 Комментариев: (19)

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

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

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

Комментарии: 19
Kolinkor
Kolinkor 28 Апреля 2017 23:181
0
Кнопка не чего так, каких только не было, но для меня чем проще тем лучше, это вот простая, поставил ее и по центру установлена.
FeStemBer
FeStemBer 28 Апреля 2017 23:252
0
Этот скрипт уже давно в сети, точнее на многих сайтах его видел и здесь полностью согласен, что его только ставить под файлы, если тема позволяет.
Марковичь
Марковичь 28 Апреля 2017 23:313
0
Не нужно сравнивать, установлен на сайте и в доступном месте, кнопка красивая, но диск здесь нужно сменить, не по теме он там.
Tergran
Tergran 29 Апреля 2017 02:135
0
По поводу, что давно в сети, возможно, но в первые его вижу. Так как нормально сделано, но можно кнопку меньше сделать.
Maryges
Maryges 29 Апреля 2017 02:114
0
А через дополнительное поле как делать, там же также оператор нужно ставить, лучше оставить как есть.
trem200
trem200 29 Апреля 2017 11:316
0
Да кнопка скачивания шикарная, но прочитав автора и кто доработал, немного попал в ступор. А так очень хорошая кнопка 11a
Kolinkor
Kolinkor 29 Апреля 2017 21:127
+1
Видать по своему сделал, это больше всего, что не зарегистрированный пользователь не может скачать.
trem200
trem200 30 Апреля 2017 01:408
0
Да, а ведь в данном виде не было такой вот возможности, но сейчас у меня стоит та же кнопка, но без кода, который ограничивает скачивание файлов для гостей.
Kosten
Kosten 30 Апреля 2017 02:009
+1
trem200, если можешь, скинь код без регистраций, чтоб был выбор.
trem200
trem200 30 Апреля 2017 13:0510
+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
Kosten 30 Апреля 2017 18:4512
0
trem200, как понимаю, код кнопки, где гости также по зеленому скачивают.

Сп!
-SAM-
-SAM- 02 Мая 2017 20:2215
+3
Код
<?if($FILE_SIZE$)?>$FILE_SIZE$<?else?>Неизвестно.<?endif?>
Условие абсурдно, достаточно просто $FILE_SIZE$.
P.S.: Кнопку рипал XemorDio (выкладывал у себя на modstalker). Позже скину доработанный вариант.
JoniDen
JoniDen 02 Мая 2017 21:2216
-1
Уважаемый извини меня конечно. Ну что ты такой противный?
Тебе вечно что-то не нравиться, если ты умный такой, не стоит это всем показывать. Я это уже не первый раз замечаю.
trem200
trem200 07 Мая 2017 16:0318
0
Мне так удобно делать, если Вы можете лучше, то покажите как это сделать лучше, а не говорить, что данный способ абсурден.
-SAM-
-SAM- 07 Мая 2017 19:3119
0
Отписавшимся ниже - привет, если вам удобно не знать назначение переменных и допускать ошибки, это далеко не значит, что должны быть эти ошибки выставлены на показ, чтобы брали отсюда и потом также их допускали. Всё выше написал уже, что условие абсурдно, так как это не размер файла на удаленном сервере, как следствие у файлов залитых на сервер всегда будет свой размер, вот и выводить просто нужно переменной надлежащей, а не городить условия, которые даже срабатывать не будут - довески.
ibestboy
ibestboy 30 Апреля 2017 14:4811
-2
47a 47a 41b 11a 09a 07a 6 6 57
Kosten
Kosten 30 Апреля 2017 20:1013
0
ibestboy, что смайлы понравились?)
-SAM-
-SAM- 02 Мая 2017 20:0214
0
Не совсем, просто школота наглеет и тестирует нет ли блокировки на постинг.
Kosten
Kosten 02 Мая 2017 22:0817
0
Но и чего можно от этого добиться, бан, так как человек имеет 2 акуанта, так как на сайте это запрещено.
avatar