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

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

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

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

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

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

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

Код

<?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 Августа 2017 Просмотров: 2388 Комментариев: (9)

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

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

Kosten

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

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

Комментарии: 9
Порядок вывода комментариев: Critic© 23 Августа 2017 22:42¹ 0 Кнопочка такая красивая, лично только с яндекс диск работаю, но и с майл. Здесь если и менять надпись. то нужно эту убирать, а она на фотошоп написана а не знаками. Но с другой стороны можно любую темную кнопку поставить и этот эффект будет сохранен, а кнопок этих в сети много. Где и надписи разные идут и самому можно написать. Kosten 23 Августа 2017 22:49² 0 Там ссылка на другую кнопку, что можно самому уже писать и когда ты гость в группе, то на ней будет написано, что с начало нужно пройти регистрацию. Critic© 23 Августа 2017 22:55³ 0 Да они обе нормальные под софт поставить, там основном яндексом хранилищем пользуются. И первый оператор убрать, чтоб гости могли скачать. -SAM- 24 Августа 2017 23:08⁶ 0 Оператор тот лишь для визуального сокрытия вывода кнопки, вот тут писал. Материал не про это (просто так код Kosten скинули, по всей видимости). Kosten 23 Августа 2017 23:50⁴ 0 Всегда хорошо когда есть выбор, также можно вот эту кнопку поставить на форум, если с Яндекс диска скачивать. -SAM- 24 Августа 2017 22:58⁵ 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 24 Августа 2017 23:43⁷ 0 Тут можно сделать иную кнопку для вывода ИТД, так можно на прямую ссылку вывести. Не говоря о кнопки на яндекс, ее можно заменить на простую. Haz 03 Апреля 2019 19:08⁸ 0 Спасибо! Kosten 04 Апреля 2019 22:39⁹ 0 Такая кнопка и за дизайн может пойти, если грамотно ее расположить на сайте.)