» »

Кнопка скачать с Яндекс диск для сайта

Кнопка скачать с Яндекс диск для сайта

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

Проверил ее на тестовом сайте и прикрутил еще один оператор, это только ее будут видеть зарегистрированные пользователи и безусловно они могут скачать. Гость ее не увидит пока не зайдет на сайт под своим именем или не пройдет регистрацию, что если вам не нужно, вы можете убрать и открыть для всех групп. До этого уже на сайте размещал стильную кнопка на Яндекс, которая немного по другому сделано, а точнее на стилях, здесь же применено изображение, но теперь вы можете выбрать, какая более вам подойдет на ваш интернет ресурс.

Так она реально будет смотреться, когда на ее наведен курсар и на темном фоне.

Скрипт кнопка скачать плюс CSS

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

Вид материала и комментариев к нему нужно поставить код, там где хотите видеть.

Код
<?if($RFILE_URL$)?><?if($RFILE_DIRECT_URL$ and (strpos($RFILE_DIRECT_URL$,'yandex')>0 or strpos($RFILE_DIRECT_URL$,'yadi')>0))?><div class="dwnld_title"><b>Скачать $ENTRY_TITLE$ с Яндекс диска:</b></div>  
<div class="dwnld">  
<a href="$RFILE_URL$" target="_blank"><img src="http://zornet.ru/Aben/ABGEA/Rin/yd_button.png" alt="" /></a>  
</div><?else?>Тут можно сделать иную кнопку для вывода с другого удаленного ресурса<?endif?><?endif?>

CSS:

Код
.dwnld_title{  
  margin: 0 auto;  
  padding-top: 30px;  
  width: 350px;  
  text-align: center;  
}  
.dwnld{  
  margin: 10px 0 0 9px;  
}  
.dwnld a{  
  opacity: 0.6;  
}  
.dwnld a:hover{  
  opacity: 1.0;  
}

Давайте разберем один стиль.

margin: 10px 0 0 9px

10px - отвечает за промежуток между описанием и кнопкой.

9px - здесь вы выставляете, где будет кнопка, эли по центру или с какой то стороны.

На этом вся установка закончена и благодарю пользователя XemorDio за предоставленный материал.
23.08.2017 Просмотров: 509 Комментарий: (7)

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

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

Комментарий: 7
Critic©
Critic© 23.08.2017 22:421
0
Кнопочка такая красивая, лично только с яндекс диск работаю, но и с майл. Здесь если и менять надпись. то нужно эту убирать, а она на фотошоп написана а не знаками. Но с другой стороны можно любую темную кнопку поставить и этот эффект будет сохранен, а кнопок этих в сети много. Где и надписи разные идут и самому можно написать.
Kosten
Kosten 23.08.2017 22:492
0
Там ссылка на другую кнопку, что можно самому уже писать и когда ты гость в группе, то на ней будет написано, что с начало нужно пройти регистрацию.
Critic©
Critic© 23.08.2017 22:553
0
Да они обе нормальные под софт поставить, там основном яндексом хранилищем пользуются. И первый оператор убрать, чтоб гости могли скачать.
-SAM-
-SAM- 24.08.2017 23:086
0
Оператор тот лишь для визуального сокрытия вывода кнопки, вот тут писал. Материал не про это (просто так код Kosten скинули, по всей видимости).
Kosten
Kosten 23.08.2017 23:504
0
Всегда хорошо когда есть выбор, также можно вот эту кнопку поставить на форум, если с Яндекс диска скачивать.
-SAM-
-SAM- 24.08.2017 22:585
0
<< Так как она только будет появляться только тогда, когда вы пропишите ссылку на этот ресурс. >> - проверки нет, вот правильный код:
Код
<?if($RFILE_URL$)?><?if($RFILE_DIRECT_URL$ and (strpos($RFILE_DIRECT_URL$,'yandex')>0 or strpos($RFILE_DIRECT_URL$,'yadi')>0))?><div class="dwnld_title"><b>Скачать $ENTRY_TITLE$ с Яндекс диска:</b></div>
<div class="dwnld">
<a href="$RFILE_URL$" target="_blank"><img src="http://zornet.ru/Aben/ABGEA/Rin/yd_button.png" alt="" /></a>
</div><?else?>Тут можно сделать иную кнопку для вывода с другого удаленного ресурса<?endif?><?endif?>
Привязку на скачивание только для залогиненных - не ясно зачем на это делать акцент, кто захочет - сделает (материал не про это).
Kosten
Kosten 24.08.2017 23:437
0
Тут можно сделать иную кнопку для вывода ИТД, так можно на прямую ссылку вывести. Не говоря о кнопки на яндекс, ее можно заменить на простую.
avatar