[html]<div class='cp-translate' data-hovertext="- Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-scramble="- Съешь ещё этих мягких французских булок, да выпей чаю."></div>
[/html]
- Подпись автора
подпись с картинкой в правом углу
EDGEZONE |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » EDGEZONE » CROSSING POINT » Тестовое сообщение <img src="https://i.imgur.com/jCEbxJi.gif" />
[html]<div class='cp-translate' data-hovertext="- Lorem ipsum dolor sit amet, consectetur adipiscing elit." data-scramble="- Съешь ещё этих мягких французских булок, да выпей чаю."></div>
[/html]
подпись с картинкой в правом углу
""проверка" "кавычек" и настройка "их" отображения.""!
<!-- Замена кавычек --> <script> (function(){function rep(str, p1,offset, s){ return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';} $('.post-content p').each(function(){ $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep)); });}()); //Конец скрипта </script>
подпись с картинкой в правом углу
Реакции заменой
<script> const currentUrl = window.location.href; if (currentUrl.includes('profile.php?id=4')) { const reactionsContainer = document.querySelector('.reactions-container'); if (reactionsContainer) { reactionsContainer.style.display = 'none'; } } </script> <script> function replaceImageInStyles(oldUrl, newUrl, delay = 1000) { function attemptReplacement() { const pickerPanel = document.querySelector('.reaction-picker-panel'); document.querySelectorAll('*').forEach(element => { const style = element.getAttribute('style'); if (style && style.includes(oldUrl)) { const newStyle = style.replace(new RegExp(oldUrl, 'g'), newUrl); element.setAttribute('style', newStyle); } }); if (pickerPanel) { setTimeout(attemptReplacement, delay); } else { setTimeout(attemptReplacement, delay); } } attemptReplacement(); setTimeout(attemptReplacement, delay); } replaceImageInStyles( 'https://unpkg.com/emoji-datasource-apple@5.0.1/img/apple/sheets-256/64.png', 'https://forumstatic.ru/files/001c/04/0a/91224.png', 10 ); </script>
подпись с картинкой в правом углу
[hideprofile]
[html]<style>
.void-feed-wrapper {
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
position: relative;
background: #bebfbf;
width: 915px;
left: -208px;
height: 500px;
}
.void-feed-innerblock {
display: block;
position: relative;
background: #bebfbf;
width: 100%;
height: 500px;
}
.void-feed-logo {
grid-column: span 2;
background: linear-gradient(146deg, rgb(54 52 52) 32%, rgb(173 66 94) 62%, rgb(192 61 96) 100%);
padding: 7px;
mask: url(https://forumstatic.ru/files/001c/04/0a/49295.svg);
mask-repeat: no-repeat;
height: 100px;
-webkit-mask-position-y: center;
}
.void-feed-logo::before {
content: "";
position: absolute;
width: 200px;
height: 75px;
background: url(https://i.imgur.com/loQF50F.png) 0% 0% / 100%;
filter: hue-rotate(45deg);
}
.void-feed-logo::after {
content: "";
position: absolute;
width: 100%;
height: 120px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px), radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
background-size: 10px 10px;
margin: -10px -10px;
background-position: 0 0, 5px 5px;
z-index: 1;
opacity: .4;
}
.vf-tab-content {
display: none;
color: var(--semiblack);
}
.active { display: block; }
.active-btn { background-color: #ccc; }
.vf-menu {
width: 250px;
height: fit-content;
color: var(--darkcyan);
display: flex;
flex-direction: column;
background: #152024;
overflow: hidden;
position: relative;
border: 2px solid #ad415e;
border-right: 0;
border-radius: 25px 0 0 25px;
padding: 30px 0px 115px;
}
.vf-menu::after {
content: '';
width: 200px;
position: absolute;
height: 99px;
display: block;
bottom: 0px;
mask: url(https://forumstatic.ru/files/001c/04/0a/28151.svg);
mask-repeat: no-repeat;
-webkit-mask-position-y: center;
background: linear-gradient(146deg, rgb(54 52 52) 32%, rgb(173 66 94) 62%, rgb(192 61 96) 100%);
}
.vf-menu>button{
font-family: var(--huehuefont);
font-size: 20px;
position: relative;
text-transform: uppercase;
transition: ease-in-out .4s;
mask: url(https://forumstatic.ru/files/001c/04/0a/53987.svg);
padding: 5px 0px 40px 5px;
text-align: left;
margin: 5px 0px 5px 25px !important;
mask-repeat: no-repeat;
height: 44px;
width: 220px;
-webkit-mask-position-y: center;
}
.vf-menu>button::before {
content:attr(data-self);
width: 100%;
height: 10px;
position: absolute;
color: black;
font-size: 12px;
z-index: 3;
bottom: 10px;
left: 27px;
}
</style>
<section class='void-feed-wrapper'>
<div class='void-feed-logo' />
<div class="vf-menu">
<button class="vf-main" data-self='//data_about_me'>Profile</button>
<button class="vf-photos" data-self='//data_some_photo_shit'>Photos</button>
<button class="vf-music" data-self='//data_a_bit_of_music'>Music</button>
</div>
<div id="main-content" class="vf-tab-content">Профиль </div>
<div id="photos-content" class="vf-tab-content" >Фотки</div>
<div id="music-content" class="vf-tab-content" >ссылками или видео?.. </div>
</section>[/html]
подпись с картинкой в правом углу
[hideprofile]
[html]<style>
:root {
--main-color: #b93e5f;
}
.void-feed-wrapper {
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
position: relative;
background: #bebfbf;
width: 915px;
left: -208px;
height: 500px;
}
.void-feed-innerblock {
display: block;
position: relative;
background: #bebfbf;
width: 100%;
height: 500px;
}
.void-feed-logo {
grid-column: span 2;
background: linear-gradient(146deg, rgb(54 52 52) 32%, rgb(173 66 94) 62%, var(--main-color) 100%);
padding: 7px;
mask: url(https://forumstatic.ru/files/001c/04/0a/49295.svg);
mask-repeat: no-repeat;
height: 100px;
-webkit-mask-position-y: center;
}
.void-feed-logo::before {
content: "";
position: absolute;
width: 200px;
height: 75px;
background: var(--main-color);
mask: url(https://forumstatic.ru/files/001c/04/0a/25214.svg);
mask-repeat: no-repeat;
-webkit-mask-position-y: center;
}
.void-feed-logo::after {
content: "";
position: absolute;
width: 100%;
height: 120px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px), radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
background-size: 10px 10px;
margin: -10px -10px;
background-position: 0 0, 5px 5px;
z-index: 1;
opacity: .4;
}
.vf-tab-content {
display: none;
color: var(--semiblack);
}
.active { display: block; }
.active-btn { background-color: #ccc; color: var(--semiblack);}
.vf-menu {
width: 250px;
height: fit-content;
color: var(--darkcyan);
display: flex;
flex-direction: column;
background: #152024;
overflow: hidden;
position: relative;
border: 2px solid #ad415e;
border-right: 0;
border-radius: 25px 0 0 25px;
padding: 30px 0px 115px;
}
.vf-menu::after {
content: '';
width: 200px;
position: absolute;
height: 99px;
display: block;
bottom: 0px;
mask: url(https://forumstatic.ru/files/001c/04/0a/28151.svg);
mask-repeat: no-repeat;
-webkit-mask-position-y: center;
background: linear-gradient(146deg, rgb(54 52 52) 32%, rgb(173 66 94) 62%, var(--main-color) 100%);
}
.vf-menu>button{
font-family: var(--huehuefont);
font-size: 20px;
position: relative;
text-transform: uppercase;
transition: ease-in-out .4s;
mask: url(https://forumstatic.ru/files/001c/04/0a/53987.svg);
padding: 4px 0px 20px 39px;
text-align: left;
margin: 5px 0px 5px 25px !important;
mask-repeat: no-repeat;
height: 44px;
width: 220px;
-webkit-mask-position-y: center;
}
.vf-menu>button::before {
content: attr(data-self);
width: 100%;
height: 10px;
position: absolute;
color: black;
font-size: 11px;
z-index: 3;
bottom: 12px;
left: 30px;
}
</style>
<section class='void-feed-wrapper'>
<div class='void-feed-logo' />
<div class="vf-menu">
<button class="vf-main" data-self='//data_about_me'>Profile</button>
<button class="vf-photos" data-self='//data_some_photo_shit'>Photos</button>
<button class="vf-music" data-self='//data_a_bit_of_music'>Music</button>
</div>
<div id="main-content" class="vf-tab-content">Профиль </div>
<div id="photos-content" class="vf-tab-content" >Фотки</div>
<div id="music-content" class="vf-tab-content" >ссылками или видео?.. </div>
</section>[/html]
подпись с картинкой в правом углу
[html]<div style='background:url(https://i.imgur.com/sWvw2Co.png);position:absolute;width: 500px;height: 500px;top: 180px;left: 196px;z-index: -1;' />[/html]
C:...>dir | Разыскивается (кого ищете) Род деятельности Хром |
[open] | тут место для красивой цитаты или ссылки на песню, если хочется добавить атмосферы |
>user | Дополнительно |
подпись с картинкой в правом углу
[html]<div style='background:url(https://i.imgur.com/sWvw2Co.png);position:absolute;width: 500px;height: 500px;top: 180px;left: 196px;z-index: -1;' />[/html]
C:...>dir | Разыскивается (кого ищете) Род деятельности Хром |
[open] | тут место для красивой цитаты или ссылки на песню, если хочется добавить атмосферы |
>user | Дополнительно |
подпись с картинкой в правом углу
—Раз
—«раз»
— «раз»
— «раз два»
[hideprofile]
подпись с картинкой в правом углу
[html]<div class="user-avatar-display"></div>
[/html]
подпись с картинкой в правом углу
123
подпись с картинкой в правом углу
1231234
подпись с картинкой в правом углу
13245
подпись с картинкой в правом углу
12r32
подпись с картинкой в правом углу
2313123
подпись с картинкой в правом углу
13fsfw4
12313
ewqrewr
подпись с картинкой в правом углу
Вы здесь » EDGEZONE » CROSSING POINT » Тестовое сообщение <img src="https://i.imgur.com/jCEbxJi.gif" />