Test

��

mybb@mybb.ru (Vandra) — Fri, 14 Aug 2026 03:33:59 +0300

123

��

mybb@mybb.ru (Vandra) — Thu, 13 Aug 2026 05:38:30 +0300

[html]<style>
:root {
--font-ui: 'GT Eesti Pro Display', system-ui, sans-serif;
}

.generator-container {
display: flex;
flex-direction: column;
gap: 20px;
width: 875px;
max-width: 1200px;
margin: 0px auto 0;
background-color: rgb(var(--text-primary), .04);
background-image: var(--temp-bg);
background-repeat: no-repeat;
border: 1px solid rgba(174, 174, 174, 0.5);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
padding: 30px;
border-radius: 10px;
box-sizing: border-box;
position: relative;
font-family: var(--font-ui);
}

.generator-container * {
box-sizing: border-box;
}

.generator-container .fitting-block-prof ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
width: 212px;
}

.toolbar {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
padding-bottom: 15px;
border-bottom: 1px solid rgba(174, 174, 174, 0.4);
width: 100%;
position: relative;
z-index: 5;
}

.tool-btn, .custom-select-btn, .control-wrapper {
height: 32px;
display: flex;
align-items: center;
box-sizing: border-box;
background: rgba(233, 233, 233, 1);
border: 1px solid rgba(174, 174, 174, 0.5);
border-radius: 5px;
color: rgba(70, 70, 70, 1);
padding: 0 12px;
cursor: pointer;
font-size: 11px;
text-transform: lowercase;
transition: all 0.3s ease;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
}

.tool-btn:hover, .custom-select-btn:hover, .control-wrapper:hover {
background-color: rgba(246, 246, 246, 0.8);
border-color: rgba(120, 120, 120, 0.6);
transform: translateY(-1px);
}

.control-wrapper {
padding: 0 8px;
gap: 6px;
}

.control-wrapper input[type="color"] {
width: 16px;
height: 16px;
padding: 0;
border: none;
background: none;
cursor: pointer;
}

.custom-select-container {
position: relative;
display: inline-block;
}

.custom-select-btn {
gap: 6px;
user-select: none;
margin: 0;
}

.custom-dropdown-list {
display: none;
position: absolute;
top: calc(100% + 4px);
left: 0;
background: rgba(233, 233, 233, 0.98);
border: 1px solid rgba(174, 174, 174, 0.7);
border-radius: 6px;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
min-width: 100%;
max-height: 220px;
overflow-y: auto;
z-index: 9999;
}

.custom-dropdown-list::-webkit-scrollbar { width: 5px; }
.custom-dropdown-list::-webkit-scrollbar-track { background: transparent; }
.custom-dropdown-list::-webkit-scrollbar-thumb { background: rgba(174, 174, 174, 0.8); border-radius: 3px; }

.custom-dropdown-item {
padding: 8px 12px;
cursor: pointer;
font-size: 11px;
white-space: nowrap;
color: rgba(70, 70, 70, 1);
border-bottom: 1px solid rgba(174, 174, 174, 0.2);
transition: all 0.2s;
text-transform: none;
}

.custom-dropdown-item:hover {
background: rgba(206, 206, 206, 0.6);
padding-left: 15px;
}

.generator-container .workspace {
display: grid;
grid-template-columns: 260px 1fr;
gap: 20px;
width: 100%;
position: relative;
z-index: 4;
margin-top: 15px;
}

.generator-container .fitting-block-prof {
width: 246px;
margin-top: 10px !importan;
background: rgba(233, 233, 233, 1);
border: 1px solid rgba(174, 174, 174, 0.5);
border-radius: 8px;
padding: 15px;
padding-top: 34px;
box-sizing: border-box;
font-size: 11px;
align-self: start;
}

.generator-container .fitting-block-prof ul {
list-style: none;
padding: 0;
margin: 0;
margin-top: 10px;
display: flex;
flex-direction: column;
gap: 0px;
}

.generator-container .fitting-block-prof .fitting-bg {top: 10px}

.generator-container .pa-fld5.fitting-plaque {
margin-left: -5px;
}

.generator-container .fitting-block-prof .fitting-bg img {
object-fit: cover;
border-radius: 4px;
border: 1px solid rgba(174, 174, 174, 0.4);
}

.generator-container .fitting-block-prof .fitting-avatar img {
max-width: 180px;
max-height: 180px;
object-fit: cover;
border-radius: 4px;
border: 1px solid rgba(174, 174, 174, 0.4);
}

.right-side-workspace {
display: flex;
flex-direction: column;
gap: 15px;
}

.editor-area textarea {
width: 100%;
height: 120px;
background: rgba(246, 246, 246, 0.9);
color: rgba(70, 70, 70, 1);
border: 1px solid rgba(174, 174, 174, 0.5);
border-radius: 6px;
padding: 10px;
font-family: monospace;
font-size: 11px;
line-height: 1.4;
resize: vertical;
box-sizing: border-box;
transition: all 0.3s;
}

.generator-container .editor-area textarea:focus {
outline: none;
border-color: rgba(70, 70, 70, 0.8);
background: #fff;
box-shadow: 0 0 8px rgba(0,0,0,0.05);
}

.generator-container #char-counter {
position: absolute;
bottom: 8px;
right: 8px;
font-size: 10px;
color: rgba(70, 70, 70, 0.5);
padding: 2px 6px;
pointer-events: none;
background: rgba(233, 233, 233, 0.8);
border-radius: 4px;
}

.generator-container .preview-box {
background: rgba(246, 246, 246, 0.6);
border: 1px solid rgba(174, 174, 174, 0.5);
border-radius: 8px;
padding: 15px;
min-height: 130px;
position: relative;
flex-grow: 1;
box-sizing: border-box;
}
.generator-container .preview-box ul li,
.generator-container .preview-box ul {
height: 100%;
}

.generator-container .preview-box::before {
content: "sys.preview";
position: absolute;
top: 6px;
left: 10px;
font-size: 9px;
color: rgba(70, 70, 70, 0.5);
font-family: monospace;
letter-spacing: 1px;
text-transform: lowercase;
pointer-events: none;
}

.generator-container .actions {
display: flex;
justify-content: flex-end;
}

.generator-container .btn-secondary,
.generator-container .btn-primary {
background: rgba(233, 231, 224, 1);
color: rgba(70, 70, 70, 1);
border: 1px solid rgba(174, 174, 174, 0.6);
padding: 8px 18px;
border-radius: 6px;
cursor: pointer;
font-size: 11px;
font-family: 'Playfair Display', serif;
font-weight: 600;
text-transform: lowercase;
transition: all 0.3s;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.generator-container .btn-secondary:hover,
.generator-container .btn-primary:hover {
background: rgba(246, 246, 246, 1);
border-color: rgba(70, 70, 70, 0.8);
transform: translateY(-1px);
}

.generator-container .notification {
position: fixed;
bottom: 30px;
right: 30px;
background: rgba(233, 233, 233, 0.95);
color: rgba(70, 70, 70, 1);
padding: 10px 20px;
border-radius: 6px;
font-size: 11px;
text-transform: lowercase;
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
z-index: 10000;
border: 1px solid rgba(174, 174, 174, 0.6);
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.generator-container .notification {
position: fixed;
bottom: 50px;
right: 50px;
background: rgba(15, 15, 15, 0.85);
color: #ffffff;
font-family: 'Inter', sans-serif;
font-size: 13px;
letter-spacing: 0.5px;
padding: 10px 18px;
border-radius: 6px;
pointer-events: none;
opacity: 0;
z-index: 9999;
}

.generator-container .notification.show {
animation: toastAnim 1.5s forwards ease-out;
}

@keyframes toastAnim {
0% {
opacity: 0;
transform: translateY(20px);
}
15% {
opacity: 1;
transform: translateY(0);
}
70% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-30px);
}
}

</style>

<section class="generator-container" data-title="sys.override">
<div class="toolbar" id="toolbar"></div>

<div class="workspace">

<div class="fitting-block-prof">
<ul>
<li class="pa-fld1 fitting-bg">
<img src='https://forumstatic.ru/files/001c/85/6d/39868.png' />
</li>
<li class="pa-author fitting-author"><a href='#'>username</a></li>
<li class="pa-title">�� </li>
<li class="pa-avatar fitting-avatar"><img src='https://forumstatic.ru/files/001c/85/6d/39868.png' /></li>
<li class="pa-fld2 fitting-lz" style='margin-bottom: 5px;'>
<lz> <a href="#" style="cursor: pointer;"> �� </a> <span> �� </span> ��-�� ... </lz>
</li>
<li class="pa-fld5 fitting-plaque">
<div class="plaque" style="background: linear-gradient(45deg, black, #788b7b, #0d6c5b);">
<p>�� </p><p>�� </p>
</div>
<proficon><img src="https://forumstatic.ru/files/001c/17/76/35191.png"></proficon>
</li>
</ul>
</div>

<div class="right-side-workspace">
<div class="preview-box">
<ul style="list-style:none; padding:0; margin:0; width: 100%; display: flex; justify-content: center;">
<li class="pa-fld2 fitting-lz" style="width: 100%;">
<lz id="lz-preview" contenteditable="true" style="outline: none; display: block;"></lz>
</li>
</ul>
</div>

[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Thu, 13 Aug 2026 05:30:15 +0300

��: ��
��:

��:

<gift><img src="https://forumstatic.ru/files/001c/be/3c/16803.png"><ttl>���������</ttl></gift>

� ��:
100

��

mybb@mybb.ru (Vandra) — Thu, 13 Aug 2026 02:50:13 +0300

[html]<fittingroom>

<ul>

<li class="pa-author fitting-author"><a href='#'>username</a></li>

</div>

</div></fitprofile>

<div>

</div>

</fittingicons>

<div>

</div>

</fittingbg>

</div></fittingplaque>

<div>

</div>

</fittingplaqueimg >

</fitcont>

</div></div>

</div>

</fittingroom>

.fit-header {
width: 100%;
display: flex;
background: rgba(233, 233, 233, 1);
border-radius: var(--bradius-minor);
position: relative;
border: 1px solid rgba(174, 174, 174, 0.5);
padding: 20px;
align-items: center;
margin-bottom: 15px;
}

.fit-header span {
background-color: rgba(233, 231, 224, 1);
padding: 1px 4px 3px;
font-family: 'Playfair Display';
font-weight: 600;
color: rgba(70, 70, 70, 1);
font-size: 15px;
line-height: 1;
letter-spacing: 0%;
text-align: center;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -10px;

}

.fit-header div {
color: rgb(var(--text-secondary));
font-size: 11px;
}

fittingroom .fit-buff {
background: rgb(var(--canvas-quarternary));
border-radius: var(--bradius-minor);
width: 370px;
height: 147px;
position: relative;
padding: 12px 8px;
border: 1px solid rgba(174, 174, 174, 0.5);
}

fittingroom .fit-buff > div {
display: flex;
flex-wrap: wrap;
gap: 7px;
box-sizing: content-box;
overflow: auto;
padding-left: 8px;
padding-top: 1px;
margin-top: 12px;
height: 108px;
scrollbar-gutter: stable;
align-content: flex-start;
}

fittingroom .fit-buff div img {
background: rgb(var(--canvas-secondary-rgb));
padding: 3px;
border-radius: 50%;
box-sizing: content-box;
overflow: visible;
width: 30px;
height: 30px;
object-fit: contain;
}

fittingroom .fit-ppbgs {
margin-top: 10px;
border-radius: 5px;
width: 370px;
height: 188px;
position: relative;
padding: 12px 8px;
background: rgba(233, 233, 233, 1);
border: 1px solid rgba(174, 174, 174, 0.3);
width: 100%;
}

fittingroom .fit-ppbgs > div {
display: flex;
flex-wrap: wrap;
gap: 7px;
box-sizing: content-box;
overflow: auto;
padding-left: 8px;
padding-top: 1px;
margin-top: 12px;
height: 148px;
scrollbar-gutter: stable;
align-content: flex-start;
}

fittingroom .fit-ppbgs div img {
border-radius: 10px;
box-sizing: content-box;
width: 262px;
height: 145px;
cursor: pointer;
object-fit: cover;
object-position: top;
}

fittingroom .fit-gifts::before,
fittingroom .fit-tokens::before,
fittingroom .fit-ppbgs::before,
fittingroom .fit-buff::before {
content: attr(data-title);
left: 50%;
transform: translateX(-50%);
content: attr(data-title);
position: absolute;
top: -10px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
z-index: 10;
font: 500 10px var(--font-main);
padding: 3px 18px 2px;
background-color: rgba(233, 231, 224, 1);
padding: 1px 4px 3px;
font-family: 'Playfair Display';
font-weight: 600;
font-size: 12px;
color: black !important;
line-height: 1;
letter-spacing: 0%;
text-align: center;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
}

fittingroom .fit-tokens {
background: rgb(var(--canvas-quarternary));
border-radius: var(--bradius-minor);
width: 370px;
height: 147px;
position: relative;
padding: 12px 8px;
border: 1px solid rgba(174, 174, 174, 0.5);
flex-grow: 1;
}

fittingroom .fit-tokens > div {
display: flex;
flex-wrap: wrap;
gap: 5px;
box-sizing: content-box;
overflow: auto;
padding-left: 8px;
padding-top: 1px;
height: 205px;
scrollbar-gutter: stable;
align-content: flex-start;
margin-top: 12px;
}

fittingroom .fit-tokens > div > div {
width: 64px;
height: 64px;
background: rgb(var(--canvas-secondary-rgb));
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}

fittingroom .fit-tokens div img {
box-sizing: content-box;
width: 45px;
height: 45px;
object-fit: contain;
cursor: pointer;
object-fit: cover;
}

.add-wrapper {
display: flex;
gap: 25px 10px;
flex-direction: column;
width: 100%;
}

fittingicons img,
fittingroom input:not([type="text"]),
fittingroom .fitting-lz {
cursor: pointer;
}

#lz-editor-overlay {
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.7); z-index: 10000;
display: none; justify-content: center; align-items: center;
}
.lz-editor-box {
background: #fff; width: 500px; max-width: 90%;
padding: 20px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.5);
display: flex; flex-direction: column; gap: 10px;
}
.lz-editor-header { font-weight: bold; font-size: 16px; margin-bottom: 5px; }
.lz-toolbar {
display: flex; gap: 10px; align-items: center;
background: #f0f0f0; padding: 5px; border-radius: 4px; border: 1px solid #ddd;
}
.lz-btn {
cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; background: #fff; border-radius: 3px; font-size: 12px;
}
.lz-btn:hover { background: #e9e9e9; }
textarea#lz-textarea {
width: 100%; height: 150px; resize: vertical;
font-family: monospace; font-size: 13px; padding: 10px;
border: 1px solid #ccc; box-sizing: border-box;
}
.lz-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 5px; }
.lz-save { background: #0d6c5b; color: #fff; border: none; }
.lz-cancel { background: #ccc; border: none; }

.fit-notification {
position: fixed;
bottom: 20px;
right: 20px;
background: #333;
color: #fff;
padding: 15px 25px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
z-index: 9999;
display: none;
font-size: 14px;
opacity: 0.9;
text-transform: lowercase;
font-family: var(--font-main);
}

fittingroom {
display: flex;
background-color: rgb(var(--text-primary), .04);
background-image: var(--temp-bg);
background-repeat: no-repeat;
box-sizing: border-box;
border-radius: 4px;
justify-content: flex-start;
padding: 20px;
width: 875px;
gap: 10px;
margin: 5px auto 0 !important;
flex-wrap: wrap;
}

fittingroom input[type="checkbox"] {
display: none;
}

fittingroom #ctrl-gradient-check + .gradient-btn-style {
text-transform: lowercase;
background: rgb(var(--light-accent), .4);
color: white;
text-align: center;
padding: 3px;
border-radius: 4px;
cursor: pointer;
transition: .4s ease-in-out;
font: 700 11px Inter !important;
}

#ctrl-gradient-check:hover + .gradient-btn-style {
background: #f5f5f5;
border-color: #bbb;
}

#ctrl-gradient-check:checked + .gradient-btn-style {
background: rgb(var(--text-primary), .7);
color: #fff;
box-shadow: 0 2px 5px rgba(13, 108, 91, 0.3);
}

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

fitprofile ul {
padding: 0!important;

}

.fitting-block-prof {
margin: 3px 0px 0px 0px;
float: left;
width: 224px;
position: relative;
display: block;
height: auto;
background: rgba(233, 230, 226, 1);
border: 1px solid rgba(207, 207, 207, 1);
border-radius: 5px;
padding-top: 34px;
padding-bottom: 11px;
z-index: 0;
}

.fitting-block-prof ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 212px;
margin: auto;
background: rgb(var(--bg-profile));
list-style: none;
box-shadow: 0px 4px 11px -6px rgb(33 1 9);
margin-top: 0px;
border-radius: 10px;
}

.fitting-room {
float: left;
width: 260px;
position: relative;
display: block;
height: auto;
margin: -9px 0px 15px -3px;
/* 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 {
margin-top: 5px;
padding: 10px;
display: block;
float: left;
}
.plaque-controls > div:first-of-type {
margin-bottom: 10px;
margin-left: 45px;
background-color: rgba(233, 231, 224, 1);
padding: 1px 4px 3px;
font-family: 'Playfair Display';
font-weight: 600;
font-size: 12px;
width: fit-content;
color: rgba(70, 70, 70, 1) !important;
line-height: 1;
letter-spacing: 0%;
text-align: center;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
transition: .3s ease;
}

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

}

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

fittingbg,
fittingicons {
grid-column: span 2;
border-radius: var(--bradius-minor);
width: 577px;
position: relative;
padding: 21px 8px 12px;
background: rgba(233, 233, 233, 1);
border: 1px solid rgba(174, 174, 174, 0.3);
}

fittingplaqueimg,
fittingplaque {
border-radius: var(--bradius-minor);
width: 284px;
position: relative;
padding: 21px 8px 12px;
background: rgba(233, 233, 233, 1);
border: 1px solid rgba(174, 174, 174, 0.3);
}

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(--canvas-secondary-rgb));
padding: 2px;
border-radius: 50%;
border: 1px solid rgba(216, 211, 202, 1);
background: rgba(239, 238, 234, 1);
box-sizing: content-box;
overflow: visible;
width: 20px;
height: 20px;
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;

} */

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

fittingplaqueimg > div,
fittingplaque > div {
height: 165px;
justify-content: center;
}

fittingplaqueimg > div > div {position: relative;}

fittingplaque > div {
height: 215px;
}

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

fittingbg >div img {
width: 100%;
height: 100%;
}

fittingplaqueimg > div img,
fittingplaque > div > div,
fittingplaque > div img {
width: 214px;
height: 43px;
border-radius: 10px;
cursor: pointer;
}

fittingplaqueimg,
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);
}

fittingplaqueimg::before,
fittingplaque::before,
fittingbg::before,
fittingicons::before,
plaquedesc::before {
content: attr(data-title);
position: absolute;
top: -10px;
left: 20px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
z-index: 10;
font: 500 10px var(--font-main);
padding: 3px 18px 2px;
background-color: rgba(233, 231, 224, 1);
padding: 1px 4px 3px;
font-family: 'Playfair Display';
font-weight: 600;
font-size: 12px;
color: black !important;
line-height: 1;
letter-spacing: 0%;
text-align: center;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
}

.fitting-plaque p {
padding: 0!important;
margin: 0!important;
margin-bottom: 0!important;
line-height: 140%!important
}

.fitting-plaque p:first-of-type {font-size: 14px!important}
.fitting-plaque p:last-of-type {font-size: 11px!important}

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

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

fittingicons > div > div {
position: relative;
display: flex;
width: 22px;
height: 22px;
border: 1px solid rgba(216, 211, 202, 1);
border-radius: 50%;
background: rgba(239, 238, 234, 1);
justify-content: center;
align-items: center;
z-index: 2;
}

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;
position: relative;
width: 176px;
height: 159px;
}

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.fit-active-item {
position: relative
}

fittingicons > div > div.fit-active-item::before,
fittingplaqueimg > div > div.fit-active-item::before,
fittingplaque > div > div.fit-active-item::before,
fittingbg > div > div.fit-active-item::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: 224px;
height: 25px;
border-radius: 4px;
margin-bottom: 7px;
}

.plaque-controls {
width: 220px;
margin-left: 0px !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 {
padding: 3px 11px 5px !important;
border: 0px solid #bbbbbb;
cursor: pointer;
transition: var(--anim-hover);
font: 400 11px var(--font-cat-title);
font-style: italic;
line-height: 1;
text-transform: lowercase;
color: rgb(var(--canvas-primary)) !important;
border-radius: 50px;
background: rgb(var(--accent));
}

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

fittingroom button:hover {
box-shadow: 0px 2px 7px -2px rgb(var(--accent));
}

fitprofile {
width: 246px;
padding: 14px;
border-radius: 4px;
background: rgba(233, 233, 233, 1);
border: 1px solid rgba(174, 174, 174, 0.3);
}

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

.fitting-plaque {
margin-bottom: 0em !important;
/* left: 17px;
top: -1px; */
}

.fitting-room li.pa-posts, .fitting-room li.pa-respect, .fitting-room li.pa-fld4 {
margin-bottom: 10px;
margin-top: -3px;
}

.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;
}

fittingroom input {
background: rgb(var(--text-primary), 0.1) !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: 467px !important;
margin-left: 6px;
}

fittingroom .bg-input {
margin-bottom: 23px !important;
margin-top: 2px !important;
}

fittingroom fittingplaqueimg .bg-input {
width: 174px !important;
}

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

.fitting-room #tuser {
display: none!important;
}

</style>

[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 12 Aug 2026 15:53:50 +0300

[html]
<style>
section.personalpage {
width: 934px;
height: 724px;
position: relative;
background-color: rgba(214, 213, 209, 1);
}

section.personalpage * {
box-sizing: border-box;
scrollbar-gutter: stable;
scroll-behavior: smooth;
}

section.personalpage *::-webkit-scrollbar {
width: 2px;
height: 2px;
}

section.personalpage img.big-bg {
width: 934px;
height: 172px;
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}

section.personalpage div.charinfo {
position: absolute;
width: 377px;
height: 165px;
border: 1px solid rgba(216, 211, 202, 1);
background-color: rgba(239, 238, 234, 1);
border-radius: 5px;
top: 43px;
left: 39px;
display: flex;
align-items: center;
}

section.personalpage div.charinfo::before {
content: '';
position: absolute;
top: 0px;
left: 0px;
height: 163px;
width: 123px;
background-color: rgba(172, 180, 196, 1);
border-radius: 5px 0 0 5px;
}

section.personalpage div.charinfo div.charav {
width: 105px;
height: 105px;
background: linear-gradient(347.69deg, #E9E9E9 8.96%, #9099A9 112.15%);
border-radius: 5px;
padding: 11px;
position: absolute;
top: 30px;
left: 72px;
}

section.personalpage div.charinfo div.charav img {
width: 82px;
height: 82px;
border-radius: 5px;
object-fit: cover;
}

section.personalpage div.charinfo div.charav a.couple {
position: absolute;
border-radius: 50%;
width: 28px;
height: 28px;
bottom: 4px;
right: 0px;
background-color: rgba(233, 233, 233, 1);
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
background-image: url(https://forumstatic.ru/files/001c/c3/ea/84971.png);
background-size: 13px;
background-position: center;
background-repeat: no-repeat;
transition: .3s ease;
}

section.personalpage div.charinfo div.charav a.couple:hover {
background-color: rgba(255, 255, 255, 1);
}

section.personalpage div.charinfo .dnm{
font-family: Playfair Display;
font-weight: 600;
font-size: 14px;
line-height: 120%;
text-align: center;
color: rgba(70, 70, 70, 1);
}

section.personalpage div.charinfo span {
display: block;
width: 163px;
max-height: 90px;
overflow: auto;
font-size: 9px;
line-height: 1.4;
color: rgba(119, 119, 119, 1);
text-align: left;
}

section.personalpage div.charinfo img.fr{
width: 48px;
height: 48px;
object-fit: contain;
padding: 0px !important;
cursor: pointer;
filter: drop-shadow(2px 5px 15px #00000090);
position: absolute;
bottom: -25px;
}

section.personalpage div.charinfo .vtab-content {
display: none;
padding: 10px;
width: 377px;
height: 165px;
}

section.personalpage div.charinfo .vtab-content.active {
display: flex;
flex-direction: column;
padding: 10px 17px 10px 191px;
align-items: flex-start;
justify-content: center;
gap: 4px;
}

section.personalpage div.charinfo .vtab-btn {
background-color: rgba(233, 231, 224, 1);
padding: 1px 4px 3px;
font-family: 'Playfair Display';
font-weight: 600;
font-size: 10px;
color: black !important;
line-height: 1;
letter-spacing: 0%;
text-align: center;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
transition: .3s ease;
border: 0px solid #bbb;
cursor: pointer;
}

section.personalpage div.charinfo .vtab-btn.active {
background: white;
}

section.personalpage div.charinfo .vtab-buttons {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
position: absolute;
top: 47px;
left: -33px;
}
section.personalpage div.charinfo .vtab-content a.doss,
section.personalpage div.charinfo .vtab-content a.ptopic {
position: absolute;
border-radius: 50%;
width: 28px;
height: 28px;
top: 75px;
right: -14px;
background-color: rgba(239, 238, 234, 1);
background-image: url(https://forumstatic.ru/files/001c/c3/ea/84663.png);
background-size: 13px;
background-position: center;
background-repeat: no-repeat;
transition: .3s ease;
}

section.personalpage div.charinfo .vtab-content a.doss {
background-image: url(https://forumstatic.ru/files/001c/c3/ea/43755.png);
top: 39px;
}

section.personalpage div.charinfo .vtab-content a.doss:hover,
section.personalpage div.charinfo .vtab-content a.ptopic:hover {
background-color: rgba(255, 255, 255, 1);
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content {
display: none;
padding: 10px;
width: 856px;
height: 471px;
position: absolute;
top: 222px;
left: 39px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content.active {
display: block;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-btn {
cursor: pointer;
background: transparent;
border: 0;
width: 138px;
height: 100%;
padding-top: 4px;
transition: 0.3s;
font-family: Moisette;
font-weight: 400;
font-style: Italic;
color: rgba(70, 70, 70, 1);
font-size: 12px;
line-height: 90%;
z-index: 2;
text-align: center;
text-transform: lowercase;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-btn.active {
color: white !important;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div {
position: absolute;
background-color: rgba(233, 233, 233, 1);
padding: 20px;
border-radius: 5px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div > div {
display: flex;
width: 100%;
height: 100%;
overflow: auto;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div::before {
content: attr(data-title);
background-color: rgba(233, 231, 224, 1);
padding: 1px 4px 3px;
font-family: 'Playfair Display';
font-weight: 600;
font-size: 10px;
color: black !important;
line-height: 1;
letter-spacing: 0%;
text-align: center;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
position: absolute;
top: -7px;
left: 20px;
transition: .3s ease;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppbgs {
width: 564px;
height: 207px;
top: 0px;
left: 0px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppbgs > div {
flex-wrap: nowrap;
gap: 7px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppbgs > div img {
width: 226px;
height: 140px;
object-fit: cover;
object-position: top;
border-radius: 5px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcustombg {
width: 564px;
height: 207px;
top: 237px;
left: 0px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcustombg > div {
flex-wrap: nowrap;
gap: 7px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcustombg > div img {
width: 226px;
height: 140px;
object-fit: cover;
object-position: top;
border-radius: 5px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppicons {
width: 277px;
height: 207px;
top: 0px;
left: 579px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppicons > div {
flex-wrap: wrap;
gap: 8px;
align-content: flex-start;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppicons > div img {
width: 226px;
height: 140px;
object-fit: cover;
object-position: top;
border-radius: 5px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppicons proficon {
display: flex;
width: 22px;
height: 22px;
border: 1px solid rgba(216, 211, 202, 1);
border-radius: 50%;
top: -13px;
background: rgba(239, 238, 234, 1);
justify-content: center;
align-items: center;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppicons proficon > img {
width: 20px;
height: 20px;
object-fit: contain;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppplaques {
width: 277px;
height: 207px;
top: 237px;
left: 579px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppplaques > div {
flex-wrap: wrap;
gap: 4px;
align-content: flex-start;
justify-content: center;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-buttons {
width: 276px;
height: 37px;
position: absolute;
top: 153px;
right: 40px;
border-radius: 50px;
background: rgba(226, 226, 226, 1);
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
display: flex;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-buttons::before {
content: '';
padding: 10px 5px 8px;
border-radius: 50px;
display: flex;
border: none;
width: 147px;
gap: 6px;
height: 37px;
cursor: pointer;
z-index: 0;
font-family: Moisette;
font-weight: 400;
font-style: Italic;
font-size: 12px;
line-height: 90%;
box-sizing: border-box;
letter-spacing: -2%;
text-align: center;
text-transform: lowercase;
position: absolute;
align-items: flex-end;
color: rgb(255 255 255);
background: rgb(var(--accent));
transition: var(--anim-hover);
justify-content: center;
border: 4px solid transparent;
background-image: linear-gradient(rgba(172, 139, 86, 1), rgba(172, 139, 86, 1)), linear-gradient(180deg, rgba(226, 225, 221, 0.4) 0%, rgba(226, 225, 221, 0) 100%);
background-origin: border-box;
background-clip: padding-box, border-box;
top: 0;
left: -4px;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-buttons:has(.vtab-btn:nth-child(2).active)::before {
transform: translateX(138px);
}

</style>

</div>

</div>

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

</div></div>

</div></div>

</div></div>

<div class="plaque" style="background: linear-gradient(90deg, rgb(0, 0, 0), rgb(97, 81, 66)); color: rgb(255, 255, 255);"><p>Some text content</p><p>...and more text</p></div>

</div></div>

</div>

<style>

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcollections {
width: 564px;
height: 312px;
top: 0px;
left: 0px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcollections > div {
flex-direction: column;
gap: 17px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcollections collection {
display: flex;
position: relative;
gap: 8px;
flex-wrap: wrap;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcollections collection span {
position: relative;
width: 100%;
font-family: Playfair Display;
font-weight: 700;
font-size: 11px;
line-height: 1;
color: rgba(70, 70, 70, 1);
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcollections collection img.col_check {
filter: grayscale(0) opacity(1);
}
section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcollections collection img.col_check {
filter: grayscale(0) opacity(1);
}
section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcollections collection img {
display: block;
width: 118px;
height: 58px;
object-fit: contain;
filter: grayscale(1) opacity(.3);
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppgifts {
width: 420px;
height: 110px;
top: 342px;
left: 0px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppgifts > div {
flex-wrap: nowrap;
gap: 7px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > .ppgifts gift {
display: block;
width: 60px;
height: 60px;
border-radius: 5px;
padding: 5px;
background: rgba(217, 217, 217, 1);
cursor: pointer;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > .ppgifts gift img {
width: 50px;
height: 50px;
object-fit: contain;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > .ppgifts gift ttl {
display: none;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppachievements {
width: 420px;
height: 110px;
top: 342px;
left: 436px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppachievements > div {
flex-wrap: nowrap;
gap: 7px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > .ppachievements achiev {
display: block;
width: 60px;
height: 60px;
border-radius: 5px;
padding: 5px;
background: rgba(217, 217, 217, 1);
cursor: pointer;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > .ppachievements achiev img {
width: 50px;
height: 50px;
object-fit: contain;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > .ppcollections collection ttl,
section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > .ppachievements achiev ttl {
display: none;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcoupons {
width: 277px;
height: 312px;
top: 0px;
left: 579px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcoupons > div {
flex-wrap: wrap;
gap: 8px;
align-content: flex-start;
justify-content: center;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcoupons coupon {
display: flex;
min-height: 38px;
width: 221px;
color: rgba(51, 51, 51, 1);
font-size: 10px;
background: rgba(138, 148, 165, 1);
border-radius: 50px;
position: relative;
justify-content: flex-start;
align-items: center;
text-align: left;
padding: 3px 15px 5px 55px;
flex-shrink: 0;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcoupons coupon:nth-child(even) {
background: rgba(172, 139, 86, 1);
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcoupons coupon img {
width: 31px;
height: 31px;
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
background: rgba(255, 255, 255, 1);
padding: 1px;
object-fit: contain;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcoupons coupon ppnum {
padding: 5px;
position: absolute;
background: #f2f3f6;
border: 1px dashed #afafaf;
display: flex;
width: 18px;
height: 18px;
top: 2px;
justify-content: center;
align-items: center;
border-radius: 50%;
left: 31px;
}

section.personalpage .vtabs-wrapper.pp-wrapper .vtab-content > div.ppcoupons coupon ttl {
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 120%;
color: rgba(255, 255, 255, 1);
}

</style>

</collection>

</collection>

</div></div>

</div></div>

</div>

</div>
</div>

</section>
[/html][hideprofile]

��

mybb@mybb.ru (BugHunter) — Tue, 11 Aug 2026 21:06:46 +0300

2 �

[proflz]<a href="#"> �� , 45</a><div style="text-align:center;font:11px Georgia,serif;">
──── ⚜ ────<br>You know the stars? <br>They�re just reflections of<br><a href="#" style="font-family:'pride signature';font-size:13px;text-decoration:none;color:inherit;">your light.</a><br>──── ⚜ ────
──── ⚜ ────<br>You know the stars? <br>They�re just reflections of<br><a href="#" style="font-family:'pride signature';font-size:13px;text-decoration:none;color:inherit;">your light.</a><br>──── ⚜ ────
──── ⚜ ────<br>You know the stars? <br>They�re just reflections of<br><a href="#" style="font-family:'pride signature';font-size:13px;text-decoration:none;color:inherit;">your light.</a><br>──── ⚜ ────
──── ⚜ ────<br>You know the stars? <br>They�re just reflections of<br><a href="#" style="font-family:'pride signature';font-size:13px;text-decoration:none;color:inherit;">your light.</a><br>──── ⚜ ────</div>[/proflz]

��

mybb@mybb.ru (Vandra) — Tue, 11 Aug 2026 20:30:06 +0300

�� :

��:

<lz><a href="#"> ��� ������� </a>����� ����� �, ���� �����, ����� <a href='#'>������</a> ��������</lz>

�� (� �� - �� ):

��:

<a id="test01" class="modal-link pls-pers-page" data-reveal-id="character"><div class="plaque"><p>Some text content</p><p>...and more text</p><img src='������_��_��������'></div></a>
<proficon><img src="https://forumstatic.ru/files/001c/9d/fb/51569.gif"></proficon>

�� :

��:

<img src="https://i.pinimg.com/736x/e6/59/e8/e659e8c4c37593e9f5d8fbabc434527a.jpg">

Test

����

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

�������

�����������

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

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

���� �������

��

��

��

��

��

��

��