Гость
Обновленые темы Популярные темы Активные пользователи Новые пользователи Лента новостей
Area of Decay [10.07.2019]
Xemordio 3583 |  11 |  67
Бармен 43 |  7 |  0
Infe[R]nos 38 |  5 |  1
StraNNik 25 |  1 |  0
NL-Vincenz 12 |  0 |  3
Waldemar 12 |  0 |  2
slesar6razriada [21.07.2019]
senyayermolin [20.07.2019]
anisimov-57 [19.07.2019]
redfog [18.07.2019]
fankuzya [18.07.2019]
greyheaventofall [18.07.2019]

  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Сталкер скрипты uCoz » Рип кнопок для скачивания (SpAa) (by StraNNik)
Рип кнопок для скачивания (SpAa)
StraNNik Offline Дата: Среда, 06.03.2019, 17:05 | Сообщение # 1
Проверенные
Звание: Новобранец [?]
Сообщений: 25
Уж больно сильно они мне нравились. Первый рип, ошибок вроде нету. :D
Ловите, други. Мб кому пригодиться.



Перед установкой установите шрфитовые-картинки!
В верхнюю часть сайта < head >CЮДА< /head >
Код
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

Установка:
1. Туда где хотите видеть кнопочки:
Код
<div class="flx dload">
<div class="flx box_dload">
<a target="_blank" class="file_link tr_bottom" href="$FILE_URL$">Torrent файл</a>
<a target="_blank" class="file_link fo_bottom" href="$RFILE_URL$" itemprop="downloadUrl">Файлообменник</a>
<div class="size_file"><span>Размер файла</span> <b itemprop="fileSize">$RFILE_SIZE$</b></div>
<div class="update_file flx"><b>$MOD_DATE$</b></div>
</div>
</div>

2. В CSS:
Код
/*Кнопки скачивания*/
.element.style {}
.dload {margin-top: 5px;margin-bottom: 5px;flex-direction: column;}
.dload {align-items: center;justify-content: center;}
.box_dload{border:1px solid #535466;background:rgba(37,41,42,0.5);padding:5px;position:relative;text-align:Arial;text-align:center;min-width:100px;border-radius:5px}
.flx {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.file_link{margin:5px;font-size:1.5em;text-decoration:none;color:#9F9F9F;padding:10px 20px 15px;background-color:rgba(53,53,53,0.4);border:1px solid #535466;border-radius:5px}
.size_file{text-align:right;font-size:.8em;color:#9f9f9f;background:#353535;border-radius:5px;border:1px dashed #535466;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;padding:10px}
.size_file > b{font-size:12px;color:#8e8b74;letter-spacing:.1em}
.update_file {background: #4c78af33;text-align: center;border-radius: 3px;padding: 9px;margin: 0 5px;color: #8b8b74;border: 1px dashed #535466;align-items: center;flex-direction: column;justify-content: center;}
.update_file::before {content: "Материал обновлен: ";color: rgb(159, 159, 159);font-size: 0.8em;}
.fo_bottom:before {background-image: url(http://www.stalker-relevant.ru/skachka/fileobmen.png);}
.fo_bottom:hover::first-letter{color:red}
.fo_bottom:hover{color:#000;background:linear-gradient(to bottom,#c4e3ff 46%,#fcfefd 64%);box-shadow:inset 0 0 34px #000}
.tr_bottom:before {background-image: url(http://www.stalker-relevant.ru/skachka/utorrent.png);}
.tr_bottom:hover{background:#222;color:#76b83f;box-shadow:inset 0 0 34px #000}
.tr_bottom:before,.go_bottom:before,.fo_bottom:before{content:"";width:30px;height:30px;display:inline-block;background-size:cover;position:relative;top:5px;margin-right:10px}
/*-------*/



Рип: by StraNNik
Источник: Stalker-Relevant.ru
P.S.: При копировании указывать автора и источник!


Сообщение отредактировал StraNNik - Среда, 06.03.2019, 17:08
Дата регистрации: 07.12.2018
Infe[R]nos Offline Дата: Среда, 06.03.2019, 19:00 | Сообщение # 2
Проверенные
Звание: Новобранец [?]
Сообщений: 38
Красивые

Дата регистрации: 07.01.2019
StraNNik Offline Дата: Среда, 06.03.2019, 19:14 | Сообщение # 3
Проверенные
Звание: Новобранец [?]
Сообщений: 25
Цитата Infe[R]nos ()
Красивые

Да, мне тоже нравятся. По этому и рипал.
Пользуйся. Только они отличаются на скрине. Там шестеренки - в скрипте их нету, я для себя переделывал.
При наводке на торрент и файлообменник так же как и на spaa меняется фон. Всё работает. Если чё то не смогёшь поставить пиши 391
Дата регистрации: 07.12.2018
Razilator Offline Дата: Четверг, 07.03.2019, 16:50 | Сообщение # 4
Легенда
Звание: Новобранец [?]
Сообщений: 7
Хорошие

Создатель сайта Модляндия.
Дата регистрации: 31.08.2018
StraNNik Offline Дата: Суббота, 09.03.2019, 10:53 | Сообщение # 5
Проверенные
Звание: Новобранец [?]
Сообщений: 25
Так же если кому то шибко нужно вот такая же кнопка гугл, код оператора для доп ссылки прописать свой не забудьте:

Код
<a target="_blank" class="file_link go_bottom" href="КОД ОПЕРАТОРА НА ДОП ССЫЛКУ" itemprop="downloadUrl">Google Диск</a>

В CSS:
Код
.go_bottom:before {background-image: url(/data/img_box_material/google-drive.png);}
.go_bottom:hover{background:linear-gradient(to right,#09a15d 0%,#fdd04a 50%,#3f85fa 100%);box-shadow:inset 0 0 34px #000;color:#444}

P.S.: Я не рипал её, потому что не нуждался в ней, мне было достаточно двух. Но может кому нужно будет.
Картинка:


Сообщение отредактировал StraNNik - Суббота, 09.03.2019, 10:58
Дата регистрации: 07.12.2018
Форум » Web-Раздел » Скрипты для uCoz » Сталкер скрипты uCoz » Рип кнопок для скачивания (SpAa) (by StraNNik)
  • Страница 1 из 1
  • 1
Поиск: