TestSW2

��

mybb@mybb.ru (Vandra) — Mon, 14 Jul 2025 20:36:26 +0300

��:

[html]

<style>

:root {
/* ����� ��������� �������� "����" � "�����" */ 
--date-place-text-bg: linear-gradient(180deg, #ffffff, #60b0eb); 

/* ������ �������� ������ �������� ���� */
--ep-bg-grad: 
                        linear-gradient(to top, #272B30 2%, transparent 60%), 
                        radial-gradient(ellipse at top left, #3a6e92 0%, rgba(0, 0, 0, 0) 50%), transparent;

 /* ����� �������� ������� */
--ep-desc-talign: left;

/* ���� ���� �������� ������� */
--ep-desc-bg: #342d1d47; 

/* ���� ������ �������� �������*/
--ep-desc-clr:  #fff9f0; 

/* ������ ���� �������� ������� */
--ep-desc-width: 50%;
} 

</style>
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/17/76/84573.css"> 


<section class="arc-episode-wrapper">
    <img src='https://i.imgur.com/ENybzzr.png' /> <!--���� ���� �������� �� ��� (������� 
‘ ‘ ������ ������ ����� ��������)-->
    <div class='arc-episode-strip'>
        <ul class="arc-date-place">
            <li data-title='����'>��.��.����</li> <!-- ����� <li>...</li> ���� ���� -->
            <li data-title='�����'>������, �����</li> <!-- ����� <li>...</li> ����� ������� -->
        </ul>
    </div>

<!-------- _03 - 3 ������ � ���, _04 - 4 ������, _05 - 5 ������ ���� ������ �������� ------------>
    <div class='arc-episode-chars chicons_03'>
        <!-- � <a href> ������ '#' ����������� ������ �� ������� ���� 'https://arc.ru/profile.php?id=2'
        � data-charname ������ �������� ���. 
        ����� <a href='#' data-charname='#'><img src='#' /> </a> ����� ���� ������� ������.
����� ��������� '�������'  -->
        <a href='#' data-charname='���'><img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='����'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='�������'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='���'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='�������'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='����'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='�������'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
    </div>

    <!--�������� ������� �������� �� 1200 ��������.  
_01 - �������� �� ������� ����, _02 - �� ������ ( -->
    <div class='arc-episode-desc_01'>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel,
        porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula
        vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut
        libero fermentum, non consequat lectus egestas.
    </div>
</section>

[/html]

��

mybb@mybb.ru (Vandra) — Thu, 03 Jul 2025 11:10:20 +0300

[html]
<style>
/* �� . �� ? �� : https://cssgradient.io/
�� , �� . �� . �� ! */

:root {
/* �� "��" � "��" */
--date-place-text-bg: linear-gradient(180deg, #ffffff, #60b0eb);

/* �� : �� . �� : �� . */
--ep-bg-grad:
linear-gradient(to top, #272B30 2%, transparent 60%),
radial-gradient(ellipse at top left, #3a6e92 0%, rgba(0, 0, 0, 0) 50%), transparent;

/* �� : center / �� - left / �� - justify */
--ep-desc-talign: left;

/* �� */
--ep-desc-bg: #342d1d47;

/* �� */
--ep-desc-clr: #fff9f0;

/* �� */
--ep-desc-width: 50%;
}
</style>
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/17/76/84573.css">

<div class='arc-episode-chars'>

<a href='#' data-charname='��'><img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='��'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='��'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='��'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='��'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='��'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
<a href='#' data-charname='��'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
</div>

<div class='arc-episode-desc_01'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel,
porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula
vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut
libero fermentum, non consequat lectus egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel,
porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula
vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut
libero fermentum, non consequat lectus egestas.
</div>
</section>[/html][hideprofile]

�� html

mybb@mybb.ru (Vandra) — Mon, 02 Jun 2025 19:04:09 +0300

��:

<!-- �������������� ����� � HTML � Deff -->
<script>
$('.post-author li[class^="pa-fld"]').html(function(){
  return $(this).text();
}).css('display', 'block');
</script>
<!-- �������������� ����� � HTML �� �������� "�������" � Deff -->
<script type="text/javascript">
function tst_profile_php_fld(){
$().pun_aboutReady(function(){
      var a = $('body').find('#viewprofile #profile-right');
      var b = a.find('strong:contains("<")').html(function(){return $(this).text();});

});}
if(document.URL.indexOf('/profile.php?id=')!=-1 ){
  tst_profile_php_fld();
  if( this.document==parent.document ){
  $(window).on('message',function(){
     tst_profile_php_fld();
  });}
}
</script>

��:

.pa-fld3,
.pa-fld1,
.pa-fld2 {
display: none;
}

��, � ��

mybb@mybb.ru (Vandra) — Wed, 28 May 2025 00:55:09 +0300

[html]<fittingroom>

<a href='#'>username</a></li>

</li>

</charicon>
</charinfo></li>

</ul>
</div>

</div>

</fitprofile>

</div>

</fittingicons>

</fittingbg>

</div>

</fittingplaque>

</fitcont>

</fittingroom>

fittingroom {
display: flex;
background: rgb(var(--light-accent), .15);
border-radius: 10px;
justify-content: space-around;
padding: 10px;
margin-top: 41px !important;
}

fittingroom * {
box-sizing: border-box;
}

fitprofile ul {
padding: 0!important;

}

.fitting-room {
float: left;
width: 260px;
position: relative;
display: block;
height: auto;
margin: -9px 0px 15px -8px;
/* overflow: hidden; */
border-radius: 10px;
padding-bottom: 16px;
background: url(https://i.pinimg.com/736x/3f/1c/e2/3f1ce22….jpg) no-repeat center top / cover;
z-index: 0;
top: 0px;
position: sticky;
border: var(--border-body);
height: min-content;
position: relative;
max-height: 420px;
}

.plaque-controls button {
font: 700 12px roboto flex;

}

fitcont {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px 10px ;
}

fittingplaque,
fittingbg,
fittingicons {
grid-column: span 2;
background: rgb(var(--canvas-quarternary), .3);
border-radius: var(--bradius-minor);
width: 590px;
position: relative;
padding: 21px 8px 12px;
}

fittingicons {
height: 147px;
}

fittingicons > div {
display: flex;
flex-wrap: wrap;
gap: 7px;
box-sizing: content-box;
overflow: auto;
padding-left: 8px;
padding-top: 1px;
height: 80px;
scrollbar-gutter: stable;
align-content: flex-start;
}

fittingicons > div img {
background: rgb(var(--text-primary), .05);
padding: 3px;
border-radius: 50%;
box-sizing: content-box;
overflow: visible;
width: 30px;
height: 30px;
object-fit: contain;
}

/* fittingroom::before {
content: 'the store';
font: var(--fw900) 32px var(--font-cat-title);
position: absolute;
color: rgb(var(--text-color-secondary), .2);
right: 22px;
top: 16px;

} */

fittingplaque > div,
fittingbg > div {
display: flex;
flex-wrap: wrap;
gap: 5px;
box-sizing: content-box;
overflow: auto;
padding-left: 7px;
padding-top: 1px;
height: 185px;
scrollbar-gutter: stable;
}

fittingplaque > div {
height: 177px;
}

fittingplaque > div img,
fittingbg >div img {
border-radius: 10px;
box-sizing: content-box;
width: 89px;
height: 90px;
object-fit: cover;
cursor: pointer;
image-rendering: auto;
}

fittingplaque > div img {
width: 183px;
height: 40px;
}

fittingplaque,
fittingbg {
height: 253px;

}

plaquedesc {
padding: 20px;
display: flex;
width: 290px;
height: 96px;
color: rgb(var(--text-color-secondary), .6);
text-align: center;
position: relative;
justify-content: center;
align-items: center;
border-radius: var(--bradius-minor);
background: rgb(var(--canvas-quarternary), .3);
}

fittingplaque::before,
fittingbg::before,
fittingicons::before,
plaquedesc::before {
content: attr(data-title);
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
width: 136px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
z-index: 10;
font-weight: 900;
font-size: var(--fs14);
background: linear-gradient(to right, rgb(189, 163, 128), rgb(251, 218, 165), rgb(201, 168, 123));
padding: 4px 18px 6px;
border-radius: 100px;
box-shadow: 0px 1px 5px -2px #87242d;
color: rgb(44 44 44) !important;
}

.fitting-plaque p {
padding: 0!important;
margin: 0!important;
margin-bottom: 0!important

}

.fitting-plaque img {
box-sizing: content-box;
}

img.fit-selected {
opacity: .3;
}

fittingicons > div > div {
width: 36px;
height: 36px;
border-radius: 50%;
position: relative;
}

fittingicons > div > div:has(> img.fit-selected) {
outline: 1px solid rgb(var(--accent));
filter: hue-rotate(323deg) contrast(1.3);
}

fittingicons > div > div:has(> img.fit-selected)::before {
content: '';
background: url(https://forumstatic.ru/files/001c/74/d2/12074.svg);
background-size: 10px 10px;
position: absolute;
width: 10px;
height: 10px;
top: -1px;
right: -2px;
z-index: 4;
}

fittingbg > div > div {
border-radius: 10px;
width: 89px;
height: 90px;
position: relative;
}

fittingbg > div img.fit-selected {
outline: 1px solid rgb(var(--accent));
}

fittingplaque > div img.fit-selected {
outline: 1px solid rgb(var(--accent));
}

fittingplaque > div > div:has(> img.fit-selected)::before,
fittingbg > div > div:has(> img.fit-selected)::before {
content: '';
background: url(https://forumstatic.ru/files/001c/74/d2/12074.svg);
background-size: 10px 10px;
position: absolute;
width: 10px;
height: 10px;
top: 4px;
right: 4px;
z-index: 4;
filter: hue-rotate(323deg) contrast(1.3);
}

.plaque-controls > input:nth-of-type(1),
.plaque-controls > input:nth-of-type(2) {
width: 220px;
height: 25px;
border-radius: 4px;
margin-bottom: 7px;
}

.plaque-controls {
width: 220px;
margin-left: 11px !important;
}

.plaque-controls > div > input[type="color"] {
padding: 0px !important;
background: transparent;
width: 28px;
border-radius: 47px;
height: 28px;
flex-shrink: 0;
cursor: pointer;
}

.plaque-controls > div > input[type="text"] {
width: 70px;
height: 25px;
border-radius: 4px;
cursor: text;
}

.plaque-controls button {
font: 400 12px roboto flex;
padding: 2px 10px !important;
border: none;
background: rgb(var(--accent), .4);
border-radius: 30px;
margin: 0 !important;
color: rgba(39, 39, 39, 1);
}

fittingroom button {
font: 700 12px roboto flex;
padding: 2px 10px !important;
background: linear-gradient(90deg, rgba(226, 203, 192, 1) 0%, rgb(255 234 185) 50%, rgba(226, 203, 192, 1) 100%) !important;
box-shadow: 0px 1px 7px -3px #9d1522;
border: 1px solid #bbbbbb;
border-radius: 30px;
cursor: pointer;
color: rgba(39, 39, 39, 1);
transition: var(--anim-hover);
}

fitprofile > button {
padding: 2px 7.6px !important;
}

fittingroom button:hover {
box-shadow: 0px 2px 7px -2px #81353c;
}

fitprofile {
width: 288px;
padding: 23px;
background: rgb(var(--canvas-quarternary), .3);
border-radius: 10px;
}

button.fit-copy {
margin-left: 11px !important;
}

.plaque-controls span {
text-align: left;
display: block;
padding: 1px 4px 4px;
color: rgb(var(--text-dark-accent), .7);
}

.fitting-author {
width: fit-content;
}

.fitting-plaque {
position: relative;
left: 17px;
top: -1px;
}

.fitting-avatar {
left: 4px;
top: 20px;
}

.fitting-room li.pa-posts, .fitting-room li.pa-respect, .fitting-room li.pa-fld4 {
display: flex;
align-items: center;
justify-content: center;
text-transform: lowercase;
font: var(--fw400) var(--fs12) var(--font-second-sa);
color: rgb(var(--canvas-tertiary));
padding: 0px 7px 5px;
z-index: 1;
gap: 2px;
}

.fitting-room li.pa-posts span:first-child, .fitting-room li.pa-respect span:first-child, .fitting-room li.pa-fld1 span:first-child, .fitting-room li.pa-fld5 span:first-child {
font-size: 0px;
}

.fitting-room li.pa-posts:before {
content: '';
left: 17px;
}

.fitting-room div.plaque {
z-index: 2;
}

fittingroom input {
background: rgb(var(--accent), .2) !important;
width: 220px !important;
height: 25px !important;
border-radius: 4px !important;
margin-bottom: 7px !important;
box-shadow: inset 0 0 7px -4px #241013d9;
}

fittingroom .icon-input,
fittingroom .bg-input,
fittingroom .plaq-input {
width: 450px !important;
margin-left: 6px;
}

.fitting-author a {
border-bottom: none!important;
}

</style>

[/html][hideprofile]

dsagesfgsgh

mybb@mybb.ru (Vandra) — Wed, 30 Apr 2025 23:50:18 +0300

[hideprofile][html]<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/17/76/28969.css" />
<section class="lepidus-episode-wrapper">
<img src='https://i.imgur.com/ENybzzr.png' /> 
<div class='lepidus-episode-strip'>
<ul class="lepidus-date-place">
<li>��</li> 
<li>��.��.��</li> 
<li>��</li> 
<li>��, ��</li> 
</ul>
</div>

<div class='lepidus-episode-desc'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel,
porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula
vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut
libero fermentum, non consequat lectus egestas.
</div>
</section>[/html]

��

mybb@mybb.ru (Vandra) — Wed, 30 Apr 2025 22:13:27 +0300

[html]
<style>
@font-face {
font-family: 'Corbel';
src: url('https://forumstatic.ru/files/001c/17/76/83460.ttf')
}

.rogue-episode-wrapper {
width: 98%;
height: 270px;
position: relative;
margin-left: 10px;
box-shadow: 0 0 18px 2px #04030147;
border-radius: 10px;
overflow: hidden;
}

.rogue-episode-wrapper>img {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
object-fit: cover;
}

.rogue-episode-wrapper::before{
content:'';
background: linear-gradient(to top, #272B30 2%, transparent 60%), radial-gradient(ellipse at top left, #3a6e92 0%, rgba(0, 0, 0, 0) 50%), transparent;
width:100%;
height:100%;
position:absolute;
z-index:1;
}

.rogue-episode-strip {
position: absolute;
right: 0px;
top: 25px;
background: linear-gradient(to left, #211d1a94, #a3a3a347);
backdrop-filter: blur(5px);
width: 100%;
height: 57px;
box-shadow: 0 0 12px 2px #bba52f1f;
z-index: 2;
}

.rogue-date-place {
display: flex;
flex-direction: column;
position: absolute;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
top: 5px;
right: 10px;
width: 50%;
height: 50px;
list-style: none !important;
padding: 0 !important;
margin: 0;
overflow: hidden;
font: 500 16px corbel;
}

.rogue-date-place li:nth-child(odd) {
height: 20px;
font: 600 16px corbel;
position: relative;
text-transform: uppercase;
background: linear-gradient(20deg, rgb(189, 163, 128), rgb(241 207 152), rgb(201, 168, 123));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.rogue-date-place li:nth-child(even) {
font: 500 14px corbel;
background: none;
color: #e7fbff;
filter: drop-shadow(0px 0px 1px #00000060);
}

.rogue-episode-chars {
display: flex;
justify-content: flex-start;
align-items: center;
/* gap: 10px; */
width: 340px;
position: absolute;
top: 40px;
left: 15px;
transition: ease-in-out .4s;
flex-direction: row;
flex-wrap: wrap;
z-index: 2;
}

.rogue-episode-chars a {
display: block;
width: 100px;
height: 100px;
box-shadow:0 0 8px 2px #8b773957;
border-radius: 2px;
scale: .8;
position: relative;
overflow: hidden;
transition: ease-in-out .3s;
border-bottom: none;
}

.rogue-episode-chars a::after {
content: attr(data-charname);
position: absolute;
display: flex;
height: 20px;
width: 100px;
color: #fefffa;
background: #7a72465e;
justify-content: center;
align-items: center;
backdrop-filter: blur(4px);
border-radius: 0 0 2px 2px;
text-transform: uppercase;
font: 600 12px corbel;
letter-spacing: 1.5px;
transform: translate(0px, 0px);
bottom: -40px;
transition: ease-in-out .4s;
}

.rogue-episode-strip::after {
content: '';
background: url(https://forumstatic.ru/files/001c/17/76/55311.png) no-repeat;
background-size: 100%;
position: absolute;
width: 46px;
height: 192px;
display: block;
top: -119px;
right: 80px;
z-index: 1;
transform: rotate(-90deg);
}

.rogue-episode-chars a:hover::after {
transition-delay: .4s;
transform: translateY(-40px);
}

.rogue-episode-chars a:hover {
scale: 1;
}

.rogue-episode-chars a img {
object-fit: cover;
width: 100%;
height: 100%;
}

.rogue-episode-desc {
position: absolute;
width: 50%;
text-align: justify;
font: 200 14px corbel;
color: #fff9f0;
bottom: 0px;
right: 0px;
padding: 10px 20px;
/* margin: 10px 15px 5px; */
background: #342d1d47;
backdrop-filter: blur(6px);
box-shadow: -4px -3px 14px 0px #ffd2892b;
border-top-left-radius: 10px;
z-index: 2;
}

.rogue-episode-desc::before {
content: '';
background: url(https://forumstatic.ru/files/001c/17/76/40760.png) no-repeat;
background-size: 100%;
clip-path: polygon(0 0, 43% 0, 43% 100%, 0% 100%);
position: absolute;
width: 345px;
height: 118px;
display: block;
top: 4px;
left: -128px;
z-index: -6;
}

</style>

<section class="rogue-episode-wrapper">
<img src='https://i.imgur.com/ENybzzr.png' /> 
<div class='rogue-episode-strip'>
<ul class="rogue-date-place">
<li>��</li> 
<li>dd.mm.yyyy</li> 
<li>��</li> 
<li>Country, City, District</li> 
</ul>
</div>

<div class='rogue-episode-desc'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel,
porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula
vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut
libero fermentum, non consequat lectus egestas.
</div>

</section>
[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 26 Mar 2025 00:06:37 +0300

[html]<style>
.image-row {
display: flex;
align-items: center;
gap: 5px;
}
.image-container {
position: relative;
width: 60px;
height: 80px;
transition: margin 0.3s ease-in-out;
}
.image-container img {
width: 100%;
height: 100%;
cursor: pointer;
object-fit: cover;
border-radius: 10px;
z-index: 6;
position: relative;
}
.image-container .charsearch-box {
position: absolute;
left: 20px;
top: 0;
width: 200px;
height: 80px;
padding: 5px 5px 5px 40px;
background: linear-gradient(to right, #c8c7c7, #e4e2e2);
display: flex;
box-sizing: border-box;
flex-direction: column;
justify-content: flex-start;
align-items: center;
font-size: 12px;
border-radius: 0 10px 10px 0;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
opacity: 0;
transform: translateX(-20px);
transition: opacity 0.3s ease, transform 0.3s ease;
}

.image-container:hover {
margin-right: 158px;
}
.image-container:hover .charsearch-box {
opacity: 1;
transform: translateX(0);
}
</style>

<div class="image-row">
<div class="image-container">
<img src="https://i.pinimg.com/736x/4c/d5/d0/4cd5d0f1756c9960d62c376cae1d71b1.jpg" alt="Image 1">
<div class="charsearch-box">
<a href="#">�� </a>
<p>��</p>
</div>
</div>
<div class="image-container">
<img src="https://i.pinimg.com/736x/4c/d5/d0/4cd5d0f1756c9960d62c376cae1d71b1.jpg" alt="Image 2">
<div class="charsearch-box">
<a href="#">�� </a>
<p>��</p>
</div>
</div>
<div class="image-container">
<img src="https://i.pinimg.com/736x/4c/d5/d0/4cd5d0f1756c9960d62c376cae1d71b1.jpg" alt="Image 3">
<div class="charsearch-box">
<a href="#">�� </a>
<p>��</p>
</div>
</div>
</div>[/html]

��

mybb@mybb.ru (Vandra) — Mon, 10 Mar 2025 19:50:05 +0300

[html]

</avatarandname>

<div class="lodpptab-container">
<input type="radio" id="lodpptab1" name="tabs" checked hidden>
<input type="radio" id="lodpptab2" name="tabs" hidden>

<div class="lodppcontent-container">
<div class="lodpptab-content content1">

<lodpptab>

<bgs data-title='�� '> <div>
<img src='https://i.pinimg.com/736x/00/07/0a/00070a035f13848254c7d87b3426ee2f.jpg' />
<img src='https://i.pinimg.com/736x/a0/02/00/a00200ef5553fcc5414edf59cf1e1161.jpg' />
<img src='https://i.pinimg.com/736x/37/1b/96/371b962e07e752a1b354fa74bcc4fcda.jpg' />
<img src='https://i.pinimg.com/736x/00/07/0a/00070a035f13848254c7d87b3426ee2f.jpg' />
<img src='https://i.pinimg.com/736x/a0/02/00/a00200ef5553fcc5414edf59cf1e1161.jpg' />
<img src='https://i.pinimg.com/736x/37/1b/96/371b962e07e752a1b354fa74bcc4fcda.jpg' />
<img src='https://i.pinimg.com/736x/00/07/0a/00070a035f13848254c7d87b3426ee2f.jpg' />
<img src='https://i.pinimg.com/736x/a0/02/00/a00200ef5553fcc5414edf59cf1e1161.jpg' />
<img src='https://i.pinimg.com/736x/37/1b/96/371b962e07e752a1b354fa74bcc4fcda.jpg' />
</div></bgs>

<plaques data-title='��'><div>
<div class='plaque'><p>�� </p><p>�� </p></div>

</div></plaques>

<icons data-title='��'> <div>

</div></icons>

<bgspp data-title='�� '><div>
<img src='https://i.pinimg.com/736x/00/07/0a/00070a035f13848254c7d87b3426ee2f.jpg' />
<img src='https://i.pinimg.com/736x/a0/02/00/a00200ef5553fcc5414edf59cf1e1161.jpg' />
<img src='https://i.pinimg.com/736x/37/1b/96/371b962e07e752a1b354fa74bcc4fcda.jpg' />
<img src='https://i.pinimg.com/736x/00/07/0a/00070a035f13848254c7d87b3426ee2f.jpg' />
<img src='https://i.pinimg.com/736x/a0/02/00/a00200ef5553fcc5414edf59cf1e1161.jpg' />
<img src='https://i.pinimg.com/736x/37/1b/96/371b962e07e752a1b354fa74bcc4fcda.jpg' />
<img src='https://i.pinimg.com/736x/00/07/0a/00070a035f13848254c7d87b3426ee2f.jpg' />
<img src='https://i.pinimg.com/736x/a0/02/00/a00200ef5553fcc5414edf59cf1e1161.jpg' />
<img src='https://i.pinimg.com/736x/37/1b/96/371b962e07e752a1b354fa74bcc4fcda.jpg' />
</div></bgspp>

</lodpptab>

</div>
<div class="lodpptab-content content2">

</achievments>

</lodpptab>

</div></div></div>

<personal>

<fact> Black Sun Empire - Arrakis </fact>

<fact> Pythius - Akkoord</fact>

</personal>

</section>[/html] [hideprofile]

1231313

mybb@mybb.ru (Odmen2) — Sun, 09 Mar 2025 06:20:07 +0300

123123

123123123

mybb@mybb.ru (Odmen2) — Sun, 09 Mar 2025 04:33:01 +0300

12313

�� -�� , ��

mybb@mybb.ru (Vandra) — Sun, 09 Mar 2025 04:29:32 +0300

123123

23123

mybb@mybb.ru (Vandra) — Sun, 09 Mar 2025 03:31:16 +0300

12313

123

mybb@mybb.ru (Vandra) — Sun, 09 Mar 2025 00:52:13 +0300

123123

23123123

mybb@mybb.ru (Vandra) — Sat, 08 Mar 2025 17:41:10 +0300

1313231

��

mybb@mybb.ru (Vandra) — Fri, 07 Mar 2025 13:59:14 +0300

[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
:root {
--font: 'Cormorant Garamond', georgia, times new roman, serif;
--dark900: 46 46 46;
--light100: 230 230 230;
--text900: 23 23 23;
--primary400: 16 16 16;
--secondary400: 169 169 169;
--success: 113 141 118;
--warning: 201 136 118;
--danger: 167 68 68;
--link: 73 91 63;
--16: 16px;
--12: calc(var(--16) / 1.33);
--8: calc(var(--16) / 2);
--6: calc(var(--16) / 2.66);
--4: calc(var(--16) / 4);
--2: calc(var(--16) / 8);
}

.rp-laborex-wrapper {
position:relative;
width:100%;
height: 600px;
/* background: rgb(var(--secondary400)); */
border-radius: 5px;
padding: 1px;
}

.rp-laborex-content {
width: 95%;
height: 90%;
/* background: rgb(var(--light100)); */
background: rgb(var(--secondary400) / .12);
border-radius: 5px;
padding: 10px 0 20px 20px;
scrollbar-gutter: stable;
box-sizing: border-box;
margin: 6px auto;
}

.rp-laborex-chars {
display: none;
overflow: auto;
scrollbar-gutter: stable;
height: 520px;
padding-right: 18px;
}

.rp-laborex-chars.active {
display: block;
}

.rp-laborex-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
z-index: 10;
position: relative;
max-width: 90%;
margin: 10px auto;
overflow-x: auto;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
}

.rp-laborex-radio {
display: none;
}

.rp-laborex-tab {
background: rgb(var(--dark900));
display: inline-block;
font: normal 700 1.5rem / 100% var(--font) !important;
padding: var(--2) var(--8) var(--4);
color: rgb(var(--light100));
border-radius: 1rem;
cursor:pointer;
transition: background ease-in-out .4s;
}

.rp-laborex-tab.active {
background: rgb(var(--warning));
}

department {
display: grid;
grid-template-columns: 1.3fr 2fr;
width: 100%;
height: auto;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid rgb(var(--secondary400));

}

department:last-child {
border-bottom: none;
}

department p {
width:94%;
text-align:center;
background: rgb(var(--light100));
margin: 0 10px 0 0 !important;
padding: var(--2) var(--8);
border-radius: 1rem;
box-sizing:border-box;
font: normal 700 1.2rem / 100% var(--font) !important;
}

team {
display: flex;
flex-direction: column;
padding-left: 20px;
border-left: 1px dashed rgb(var(--secondary400));
}

member {
display:block
}

member::before {
content:'\25CF';
margin-right: 4px;
}

</style>

</div>

<div class='rp-laborex-chars'>

<department>
<p>�� </p>

</department>

</department>

</department>

</department>

</department>

</department>

</department>

</department>
</div>

<div class='rp-laborex-chars'>

<department>
<p>�� </p>

</department>

</department>

</department>
</div>

<div class='rp-laborex-chars'>

<department>
<p>�� </p>

</department>

</department>

</department> </div>

<div class='rp-laborex-chars'>

<department>
<p>�� </p>

</department>

</department>

</department>
<department>
<p>�� </p>

</department>

</department>

</department></div>

<div class='rp-laborex-chars'>

<department>
<p>�� </p>

</department>

</department>

</department>
<department>
<p>�� </p>

</department>

</department>

</department></div>

</div></div>

</section>

[/html][hideprofile]

New Topic New Topic New Topic New Topic New Topic New Topic

mybb@mybb.ru (Odmen2) — Fri, 07 Mar 2025 02:28:51 +0300

�� (�):

Odio potenti tortor vulputate dictum dictumst eros.

Odio potenti tortor vulputate dictum dictumst eros.

�� (�):

Odio potenti tortor vulputate dictum dictumst eros.

Odio potenti tortor vulputate dictum dictumst eros.

art

mybb@mybb.ru (Odmen2) — Thu, 06 Mar 2025 19:55:15 +0300

��

mybb@mybb.ru (Odmen2) — Tue, 04 Mar 2025 04:13:42 +0300

123123

��

mybb@mybb.ru (Odmen2) — Tue, 04 Mar 2025 03:56:25 +0300

123123

��

mybb@mybb.ru (Vandra) — Fri, 28 Feb 2025 00:23:59 +0300

[html]

<button class="copy-to-reply-toform">
��
<div class="hidden-copy-code" style="display: none;">
�� (https://testvandra.artbb.me/viewtopic.p … p72/�� ) - (https://testvandra.artbb.me/viewtopic.p … 72/�� )
</div>
</button >

<button class="copy-to-reply-toform">
��
<div class="hidden-copy-code" style="display: none;">
� �� (https://testsw2.quadrobb.me/viewtopic.p … 7/�� ) �� !
</div>
</button>

<button class="copy-to-reply-toform">
��
<div class="hidden-copy-code" style="display: none;">
(https://testsw2.quadrobb.me/viewtopic.p … 07/�� )
</div>
</button>

<button class="copy-to-reply-toform">
��
<div class="hidden-copy-code" style="display: none;">
(https://testsw2.quadrobb.me/viewtopic.p … 07/�� ) - (https://testsw2.quadrobb.me/viewtopic.p … 107/�� )
</div>
</button>

��:

    <p><a href='https://testsw2.quadrobb.me/viewtopic.php?id=13#p107'> htl link </a> - ��������, ��� ������ �� ������� </p>

</div>
</button>

[/html]

�� 3

mybb@mybb.ru (Vandra) — Fri, 07 Feb 2025 13:31:48 +0300

[html]
<style>

@font-face {
font-family: 'Corbel';
src: url('https://forumstatic.ru/files/001c/17/76/83460.ttf')
}

.rogue-episode-wrapper {
width:98%;
height: 270px;
background: linear-gradient(to top, #272B30 2%, transparent 60%),
radial-gradient(ellipse at top left, #3a6e92 0%, rgba(0, 0, 0, 0) 50%),
url(https://i.imgur.com/XW3pA6s.jpeg) center / cover no-repeat;
position: relative;
margin-left: 10px;
box-shadow: 0 0 8px 2px #396a8b45;
border-radius: 10px;
overflow:hidden;
}

.rogue-episode-logo {
position: absolute;
right: 0px;
top: 25px;
background: linear-gradient(to left, #1a1b21db, #9cabb547);
backdrop-filter: blur(7px);
width: 100%;
height: 57px;
box-shadow: 0 0 8px 2px #396a8b35;
}

.rogue-date-place {
display: flex;
flex-direction: column;
position: absolute;
flex-wrap: wrap;
justify-content: space-around;
top: 5px;
right: 10px;
width: 55%;
height: 50px;
list-style: none !important;
padding: 0 !important;
margin: 0;
overflow: hidden;
font: 500 16px corbel;
}

.rogue-date-place li:nth-child(odd) {
height: 20px;
width: 50%;
font: 600 16px corbel;
position:relative;
text-transform: uppercase;
background:linear-gradient(180deg, #ffffff, #60b0eb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.rogue-date-place li:nth-child(even) {
font: 500 14px corbel;
background: none;
color: #e7fbff;
filter: drop-shadow(0px 0px 1px #00000060);
}

.rogue-episode-chars {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 340px;
position: absolute;
top: 40px;
left: 15px;
transition: ease-in-out .4s;
flex-direction: row;
flex-wrap: wrap;
}

.rogue-episode-chars a {
display:block;
width:100px;
height:100px;
box-shadow: 0 0 8px 2px #396a8b57;
border-radius: 2px;
scale: .8;
position:relative;
overflow:hidden;
transition:ease-in-out .3s;
}

.rogue-episode-chars a::after {
content: attr(data-charname);
position: absolute;
display: flex;
height: 20px;
width: 100px;
color: #c4d5dd;
background: #6b869d5e;
justify-content: center;
align-items: center;
backdrop-filter: blur(4px);
text-transform: uppercase;
font: 600 12px corbel;
letter-spacing: 1.5px;
transform: translate(0px, 0px);
bottom: -40px;
transition:ease-in-out .4s;
}

.rogue-episode-chars a:hover::after {
transition-delay: .4s;
transform: translateY(-40px);
}

.rogue-episode-chars a:hover {
scale: 1;
}

.rogue-episode-chars a img {
object-fit:cover;
width:100%;
height:100%;
}

.rogue-episode-desc {
position: absolute;
width: 50%;
text-align: justify;
font: 200 14px corbel;
color: #c4d5dd;
bottom: 0px;
right: 0px;
padding: 10px 20px;
/* margin: 10px 15px 5px; */
background: #1d2a3447;
backdrop-filter: blur(6px);
box-shadow: -4px -3px 3px 0px #25282d38;
border-radius: 2px;
}
</style>

<section class="rogue-episode-wrapper">
<div class='rogue-episode-logo'>
<ul class="rogue-date-place">
<li>��</li>
<li>dd.mm.yyyy</li>
<li>��</li>
<li>Country, City, District</li>
</ul>
</div>

<div class='rogue-episode-desc'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel, porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut libero fermentum, non consequat lectus egestas.
</div>

</section>
[/html]

hb ��

mybb@mybb.ru (Vandra) — Tue, 28 Jan 2025 02:10:41 +0300

[html]<div style='background:url(https://i.imgur.com/T6Dfgsu.png);position:absolute;opacity:0.1;width:350px;height:350px;top:100px;left: 41%;background-repeat:no-repeat; background-size:cover;z-index:-1;' />[/html]

��, ��-��!
� �� "�� ".
�� ? � ��. �� , �� ...

� ��, �� , �� , ��, ��, �� -��, ��, ��, ��, �� Ҹ�� ... �� ! �� , �� - �� +5 �� , �� 95% �� . �� , �� , �� , �� . � �� , �� "�� " �� "��" �� , �� , �� Variola Chimera...
�� ? �� . �� , �� - � �� -��, �� , �� . �� , �� . �, �� , �� , �� .

�� WIP

mybb@mybb.ru (Vandra) — Sat, 23 Nov 2024 03:06:18 +0300

[hideprofile][html]<style>

.mos-char-inv {
width:620px;
height:641px;
margin:auto;
border-radius:20px;
position:relative;
}

.mos-char-prof {
width: 447px;
height: 197px;
box-shadow: 0px 4px 19px 0px #00000017;
border-radius:20px;
background: #FFFFFF;
padding-top:1px;
display:flex;
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
}

.char-left {
width: 135px;
height: 157px;
display: flex;
flex-direction: column;
margin: 20px 10px 10px;
border-right: 1px dashed #BEBEBE;
align-items: center;
padding-right: 10px;
justify-content: space-between;
}

.char-right {
width: 262px;
height: 153px;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 7px;
padding: 10px;
}

.char-left p:first-child {
font:700 11px var(--main-text)!important;
color:var(--text-color)!important;
padding:0px 0 0!important;
margin:0px!important;
}

.char-left p:nth-child(2) {
font: 400 9px var(--main-text) !important;
color: #737373 !important;
width: 115px;
height: auto;
flex-shrink: 0;
max-height: 10px;
padding: 5px 0 0 !important;
margin: 0px 0px 10px !important;
overflow: hidden;
text-align: center;
}

.char-left img {
width:115px;
height:120px;
border-radius:20px;
object-fit:cover;
flex-shrink:0;
}

.char-right p:first-child {
font:700 14px var(--main-text)!important;
color:var(--text-color)!important;
padding:5px 0 0!important;
margin:0px!important;
}

.char-right p:nth-child(2) {
font:400 11px var(--main-text)!important;
color:var(--text-color)!important;
padding:5px 0 0!important;
margin:0px!important;
line-height:15px!important;
width:252px;
}

.char-right div {
width:262px;
height: 120px;
margin-top:10px;

}

.char-right div img {
box-shadow: 0px 4px 14px 0px #8C8C8C47;
border-radius:10px;
margin-bottom:10px;
}

/* �� */

.inv-tabs {
display: flex;
flex-direction: column;
align-items: flex-start;
top: 225px;
gap: 5px;
position: relative;
}

.inv-tabs input[type="radio"] {
display: none;
}

.inv-tabs label {
font:400 11px var(--main-text)!important;
background-color: #fff;
color:var(--text-color);
padding: 5px 10px;
border-radius:50px;
text-transform:lowercase;
margin-bottom: 5px;
cursor: pointer;
text-align: center;
z-index: 10;
}

.inv-tabs label:hover {
background-color: #e1c9ff;
}

.inv-tabs input:checked + label {
background-color: var(--main-color);
color: #fff;
box-shadow: 0px 4px 12px 0px #A054FF45;
}

.inv-tab-content {
flex-shrink: 0;
background: url(https://i.imgur.com/FLKc5rQ.png) no-repeat;
width: 577px;
height: 540px;
position: absolute;
bottom: -285px;
right: 0px;
border-radius: 20px;
box-shadow: 0px 4px 32.8px 0px #5656561A;
}

.inv-tab-panel {
display: none;

}

#inv-tab1:checked ~ .inv-tab-content #inv-content1,
#inv-tab2:checked ~ .inv-tab-content #inv-content2,
#inv-tab3:checked ~ .inv-tab-content #inv-content3,
#inv-tab4:checked ~ .inv-tab-content #inv-content4,
#inv-tab5:checked ~ .inv-tab-content #inv-content5 {
display: block;
}

.inv-bag {
width: 513px;
height: 394px;
background: #F5F5F5;
border-radius: 20px;
margin: 120px 0 0 60px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px 10px;
overflow: auto;
padding: 10px 0px;
justify-content: center;
}

.inv-challenge {
width: 231px;
height: 167px;
border: 1px solid #E9E9E9;
border-radius: 23px;
display: flex;
flex-direction: column;
align-items: center;
}

.inv-challenge img {
box-shadow: 0px 4px 19px 0px #00000017;
width:227px;
height:130px;
object-fit:cover;
border-radius:20px;
margin:2px auto;
}

.inv-challenge p {
font:var(--main-font)!important;
color:var(--text-color)!important;
padding:0px!important;
width:220px;
height:30px;
display:flex;
align-items: center;
justify-content: center;
overflow:hidden;
}

</style>

<section class="mos-char-inv">
<div class="mos-char-prof">
<div class="char-left">
<p>@nickname</p>
<p>��-�� -�� </p>
<img src="https://i.imgur.com/jb3lsRC.png" alt="avatar" />
</div>

</div>
</div>
</div>

<div class="inv-tab-content">

<div class="inv-tab-panel" id="inv-content1">

</div></div>

<div class="inv-tab-panel" id="inv-content2">
<div class="inv-bag">

</div></div>

<div class="inv-tab-panel" id="inv-content3">
<div class="inv-bag">

</div></div>

<div class="inv-tab-panel" id="inv-content4">
<div class="inv-bag">

</div></div>

</div>
</div>

</section>[/html]

��

mybb@mybb.ru (Vandra) — Thu, 24 Oct 2024 10:07:22 +0300

[html]<style>

</style>

<audio class="audio" src="https://forumstatic.ru/files/001c/04/0a/79362.mp3"></audio>
<div class='audiotrack-wrapper'><div class='scroll-text-player'><div class="currentTrack"></div></div></div>

<ul class="trackList"></ul>
</div>
[/html]

��

mybb@mybb.ru (Vandra) — Wed, 23 Oct 2024 15:16:27 +0300

��:

<!---------- �������  ---------------------------------------------->
<div class="banners">


<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" title="������" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" title="������" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" title="������" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" title="������" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>

<a href="#" target="_blank"><img src="https://i.imgur.com/xBG48id.png" alt="Banner" width="88" height="31"></a>









</div>
<!---------- ����� ������� --------------------------------------->

<!-- ������ �� ����� ��������� -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">����� ���������</a></li>');
</script>

<!---------- ���������� ���: "������ ����" � "���� ������" // � Alex_63 ---------->
<script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">������ ����</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">���� ������</td></tr>')}</script>


<!-- ������� �����-���� ------------------------------------------------------------------------------>
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});</script>


<!--���  ������ - [indent] -->
    <style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
    <script type="text/javascript">
    (function(){
    var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Absa�"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin:12px 0px 0px 22px;"></span>'; /*��������� ������� ������ � �����*/
    $('.post-content p:contains("'+b+'")').each(function(){
    $(this).html( $(this).html().replace(/\[indent\]/gm,indent));
    });}());
    </script>

<!-- ������ ������ ������ � ������ � Alex_63 -----------------------------------------------------------------> 
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<!-- ������ ������� � ���� by Vandra-->
<script src='https://forumstatic.ru/files/001b/ea/c7/31430.js?v=8' defer></script>

<!-- �������������� ���� � ������ ����� --><script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
<!--����� -->

<!--�������� ��������-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng"><b>00</b> ��������</small>';epl.parents("#post-form").find("#form-buttons").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!--����� -->

 <!-- ���������� ������������ ��������� � Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //��������� ���� �������������: 0 - ��� ����� �����, 1 - ��� ����� �����, 2 - ������
    PPREV.quote_cite = '�������(�):'; //������� � ���� ������
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>

<!-- ������ ���������� ����������� ������������� -->
    <script type="text/javascript">(function (){
      var a='�������� ������� ������������';
      var b='��������� ������� ������������';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>

<!-- ������ �� ��������� / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'https://forumstatic.ru/files/001c/17/c9/97951.png'; //������ �� ������ �� ���������
var GuestAvtr = 'https://forumstatic.ru/files/001c/17/c9/97951.png'; //������ �� ������ ��� �����

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='�����'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="������"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("��� �������")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<!-- �������� �������� � Deff -->
<script>
var oldIMG="<td id=\"button-image\" title=\"�����������2\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

<!-- �������������� ���������� ����� ��� ����� -->
<script>
$(document).ready(function() {
	$('#addition-area').append(function() {
    return $('<div>������������ ��������� ����</div>').click(restoreLastPost);
	});

	function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
	};
});
</script>



<!-- ���������� �� ������ � � ���������� by Vandra -->
<script>
const containerMenuCult = document.querySelector('#pun-announcement > div > div');
if (containerMenuCult.scrollWidth > containerMenuCult.clientWidth) {
    containerMenuCult.classList.remove('overflown');
} else {
    containerMenuCult.classList.add('overflown');
}
</script>


<!-- ������ / ������� ���������� ������ �������� �� ������ ������� �� Deff, �������� Vandra -->
<script>
document.addEventListener('DOMContentLoaded', () => {
    const ImgONClass = 'status-online';  
    const ImgOffClass = 'status-offline';  

    document.querySelectorAll("#pun-viewtopic .post .post-author > ul").forEach((ul) => {
        const isOnline = ul.querySelector(".pa-online") !== null;

        const statusContainer = document.createElement('div');
        statusContainer.classList.add('status-container');

        if (isOnline) {
            statusContainer.classList.add(ImgONClass);  
        } else {
            statusContainer.classList.add(ImgOffClass);  
        }

        ul.appendChild(statusContainer);
    });
});
</script>

<!-- ������ / ������� + ����� ����� � ���� ����� by Vandra  -->

<script>
document.addEventListener('DOMContentLoaded', () => {
    const profileLists = document.querySelectorAll('.post-author ul');

    profileLists.forEach(list => {
        const fld4 = list.querySelector('li.pa-fld4');
        const paOnline = list.querySelector('.status-container');

        if (fld4 || paOnline) {
            const newContainer = document.createElement('li');
            newContainer.classList.add('online-and-status');

            if (fld4) newContainer.appendChild(fld4);
            if (paOnline) newContainer.appendChild(paOnline);

            list.appendChild(newContainer);
        }
    });
});
</script>

<!-- ���������, ����� � ������ � ���� ����� by Vandra  -->

<script> 
document.addEventListener('DOMContentLoaded', () => {
    const profileLists = document.querySelectorAll('.post-author ul');

    profileLists.forEach(list => {
        const paPosts = list.querySelector('li.pa-posts');
        const paRespect = list.querySelector('li.pa-respect');
        const paFld3 = list.querySelector('li.pa-fld3');

        if (paPosts || paRespect || paFld3) {
            const newSomeStuffContainer = document.createElement('li');
            newSomeStuffContainer.classList.add('some-stuff');

            if (paPosts) newSomeStuffContainer.appendChild(paPosts);
            if (paRespect) newSomeStuffContainer.appendChild(paRespect);
            if (paFld3) newSomeStuffContainer.appendChild(paFld3);

            const onlineAndStatus = list.querySelector('li.online-and-status');
            
            if (onlineAndStatus) {
                list.insertBefore(newSomeStuffContainer, onlineAndStatus);
            } else {
                list.appendChild(newSomeStuffContainer);
            }
        }
    });
});
</script>

TestSW2

������� ������ ��� �����

������ ��� �������

���� � html

�����������, � ��� ��� �����

dsagesfgsgh

������ ������ �����

����� � ����� ������� ��������� �� �������� ��������� � �� � �������

������ ������ ��������

1231313

123123123

�������� ���� � ��-���������� �����, ����� � ����� ������� ���������

23123

123

23123123

������ �� �������

New Topic New Topic New Topic New Topic New Topic New Topic

art

���� ����������

�������� ������ ������

����� � �������

��������� ����� 3

hb ������

������� WIP

�����

������� � ������ ��� �������

��

��

�� html

��, � ��

��

��

��

�� -�� , ��

��

��

��

��

�� 3

hb ��

�� WIP

��

��