JankinHer
- 126
- 56
Позволяет сделать виджет на сайте с показом онлайн трансляций, ваших стримеров на сервисе Youtube
P.S В файле обработчике пропишите html
Сам обработчик
(не реклама)
У меня это выгледет так
css к нему
Можно прописать в любой js который подключен в коде
А если писать прямо в html то вот так
Подробную информацию можно найти тут
(не пиар)
Писал @russselio
Спасибо @nikita64643 за слив
Спасибо @JankinHer за аккаунт
P.S Привет @Saul
P.S В файле обработчике пропишите html
Сам обработчик
У вас нет разрешения на просмотр ссылки, пожалуйста Войдите или Зарегистрируйтесь
У меня это выгледет так
Код:
<div class="block" id="stream_block" style="display: none">
<ul class="block-top">
<li>Стримеры онлайн</li>
</ul>
<div class="block-content">
<ul class="block-menu" id="streams">
</ul>
</div>
</div>
Код:
.block:last-child {
margin:0;
}
.block {
margin-bottom:25px;
width:264px;
}
.block-top {
height:20px;
width:218px;
text-align:center;
margin:0 auto;
}
.block-top li {
display:inline-block;
vertical-align:middle;
margin-top:-8px;
border:1px solid #1d2637;
height:16px;
line-height:16px;
padding:3px 4px 3px 4px;
background:#171d2b;
}
.block-menu li:hover,
.block-menu li.active {
background-color:#2d3d5c;
}
.block-menu li {
height:52px;
background:#1d2637;
position:relative;
margin-bottom:8px;
cursor:pointer;
transition:.5s;
}
.block-menu li:last-child {
margin:0;
}
.block-menu li:after {
width:2px;
height:8px;
background:#1d2637;
position:absolute;
bottom:-8px;
left:22px;
content:'';
}
.block-menu li:before {
width:2px;
height:8px;
background:#1d2637;
position:absolute;
bottom:-8px;
right:22px;
content:'';
opacity:1;
}
.block-menu li:last-child:after,
.block-menu li:last-child:before {
opacity:0;
}
Код:
$.get("Путь к файлу-обработчику (у меня это /youtube.php)", function(data){
$('СЮДА КЛАСС ИЛИ ID ВАШЕГО БЛОКА (у меня это #streams)').html(data);
});
Код:
<script>
$.get("Путь к файлу-обработчику (у меня это /youtube.php)", function(data){
$('СЮДА КЛАСС ИЛИ ID ВАШЕГО БЛОКА (у меня это #streams)').html(data);
});
</script>
У вас нет разрешения на просмотр ссылки, пожалуйста Войдите или Зарегистрируйтесь
Писал @russselio
Спасибо @nikita64643 за слив
Спасибо @JankinHer за аккаунт
P.S Привет @Saul
Последнее редактирование:
