123
- Подпись автора
подпись с картинкой в правом углу
КАРТИНКА
Ютуб-плеер
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться12024-10-16 01:26:23
- блаблабла аж на две строки или даже три всё что вл
- Говорят, музыкант может стать легендой без наркотиков и сексуальных скандалов, без приступов маниакально-депрессивного психоза, без проблем с законом и без сомнительных связей... но чего только не п*здят на этом свете!
- ОПЕРАТИВНИК МАКС-ТАК, РАЗВЕДЧИК
- Сообщений: 258
- Уважение: +3
- [level]: 1
Поделиться22024-10-16 01:26:33
- блаблабла аж на две строки или даже три всё что вл
- Говорят, музыкант может стать легендой без наркотиков и сексуальных скандалов, без приступов маниакально-депрессивного психоза, без проблем с законом и без сомнительных связей... но чего только не п*здят на этом свете!
- ОПЕРАТИВНИК МАКС-ТАК, РАЗВЕДЧИК
- Сообщений: 258
- Уважение: +3
- [level]: 1
[html]
<style>
.fr-music-cont {
flex-direction: column;
background: #00000045;
padding: 15px;
overflow: auto;
max-height: 670px;
display: flex;
border-radius: 36px;
}
.vf-video-list {
display: flex;
flex-direction: column;
align-items: flex-start;
background: #ffffff1f;
width: 100%;
max-height: 272px;
overflow: auto;
padding: 5px 0 20px;
border-radius: 0 0 20px 20px;
border-top: 5px solid #ff0000;
}
.vf-video-player {
width: 100%;
position: sticky;
display: flex;
top: 0px;
z-index: 5;
border-bottom: 10px solid(var(--3rd-dark-color));
justify-content: center;
align-items: center;
}
.vf-video-player::before {
content: '';
position: absolute;
background: #961317;
mask: url(https://forumstatic.ru/files/001c/04/0a/16862.svg) no-repeat;
z-index: -1;
width: 361px;
height: 168px;
}
.fr-music-cont>div a {
font-family: sans-serif;
background: #777777;
padding: 12px 20px 10px 40px;
border-radius: calc(infinity* 1px);
color: #ffffff !important;
font-size: 19px;
margin: 5px 16px 0 27px;
text-transform: capitalize;
transition: ease-in-out .4s;
}
.vf-video-list a.active {
background-color: #c30027;
}
.fr-music-cont>div a:hover {
background: #3ea6ff;
color: #000 !important;
transform: translate(10px, 0px);
}
</style>
<div class='fr-music-cont'>
<!--- Вот тут ничего трогать не надо --->
<div class="vf-video-player">
<iframe id="vf-youtube-player" width="560" height="315" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="vf-video-list">
<!--- Список музыкальных ссылок. РАБОТАЕТ ТОЛЬКО С YOUTUBE! Вам надо просто вставить в атрибут data-video-id код из ссылки видео на youtube. Ссылок может быть любое количество --->
<a href="#" data-video-id="bqM52TEP6uo">うには新しい技を身につけました！</a>
<a href="#" data-video-id="Oaw_Wy6XDFk">Cyberpunk 2077 — The Rebel Path</a>
<a href="#" data-video-id="XQL0ZxaVRhI">Korn — Let The Dark Do The Rest</a>
<a href="#" data-video-id="bqM52TEP6uo">うには新しい技を身につけました！</a>
<a href="#" data-video-id="Oaw_Wy6XDFk">Cyberpunk 2077 — The Rebel Path</a>
<a href="#" data-video-id="XQL0ZxaVRhI">Korn — Let The Dark Do The Rest</a>
<a href="#" data-video-id="bqM52TEP6uo">うには新しい技を身につけました！</a>
<a href="#" data-video-id="Oaw_Wy6XDFk">Cyberpunk 2077 — The Rebel Path</a>
<a href="#" data-video-id="XQL0ZxaVRhI">Korn — Let The Dark Do The Rest</a>
</div></div>
[/html]
- Подпись автора
подпись с картинкой в правом углу
КАРТИНКА
Поделиться32024-10-17 00:00:04
- блаблабла аж на две строки или даже три всё что вл
- Говорят, музыкант может стать легендой без наркотиков и сексуальных скандалов, без приступов маниакально-депрессивного психоза, без проблем с законом и без сомнительных связей... но чего только не п*здят на этом свете!
- ОПЕРАТИВНИК МАКС-ТАК, РАЗВЕДЧИК
- Сообщений: 258
- Уважение: +3
- [level]: 1
Код:
<!-- Замена дефисов на тире by Vandra-->
<script>
function replaceDashesInTextNodes(element) {
element.contents().each(function() {
if (this.nodeType === Node.TEXT_NODE) {
let updatedText = this.nodeValue
.replace(/(^|\s)-(\s|$)/g, '$1—$2')
.replace(/(^|[\n\r])-([^\s])/g, '$1—$2')
.replace(/(^|\s)\u2013(\s|$)/g, '$1—$2');
this.nodeValue = updatedText;
}
else if (this.nodeType === Node.ELEMENT_NODE && !$(this).closest('.code-box').length && this.tagName !== 'STYLE') {
replaceDashesInTextNodes($(this));
}
});
}
$(document).ready(function() {
replaceDashesInTextNodes($('body'));
});
</script>
<!-- Конец замена дефисов на тире -->- Подпись автора
подпись с картинкой в правом углу
КАРТИНКА
Страница: 1
