Test

��

mybb@mybb.ru (BugHunter) — Tue, 30 Dec 2025 00:54:47 +0300

[html]
<style>
.custom_tag_ineed {
width: 675px;
margin: auto;
background: #251014;
color: #D45251;
text-align: center;
font-family: 'Trebuchet MS', sans-serif;
border: 1px solid #D45251;
}

.custom_tag_needheader {
background: #D45251;
color: #251014;
display: flex;
flex-direction: row;
padding: 12px 12px 0px 12px;
justify-content: space-between;
margin-bottom: 16px;
align-items: center;
gap: 16px;
}

.custom_tag_needheader>p {
font-size: 48px !important;
line-height: 100% !important;
margin-bottom: 0px !important;
align-self: flex-start;
letter-spacing: -4px;
width: auto;
flex-shrink: 0;
}

.custom_tag_needname,
.custom_tag_needoccupation,
.custom_tag_needconnection {
height: auto;
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
}

.custom_tag_needname::before {
content: '�� ';
font-size: 12px;
}

.custom_tag_needoccupation::before {
content: '�� ';
font-size: 12px;
}

.custom_tag_needconnection::before {
content: '�� ';
font-size: 12px;
}

.custom_tag_needname>p {
text-transform: uppercase !important;
font-size: 24px !important;
margin-bottom: 2px !important;
text-align: left;
line-height: 110% !important;
}

.custom_tag_ineed2 {
display: flex;
flex-direction: row;
padding: 0px 24px 24px 24px;
gap: 16px;
margin-top: 16px;
}

.custom_tag_needoccupation,
.custom_tag_needconnection {
width: 50%;
border-bottom: 1px solid #D45251;
}

.custom_tag_needoccupation>p,
.custom_tag_needconnection>p {
text-transform: uppercase !important;
font-size: 16px !important;
margin-bottom: 2px !important;
text-align: left;
line-height: 110% !important;
}

.custom_tag_anktxt {
padding-top: 40px;
width: 675px;
margin: auto;
}
</style>

<div class="custom_tag_needheader">
<p>2077 / 2099</p>

<div class="custom_tag_needname">
<p>NAME SURNAME // �� </p>
</div>
</div>

</div>[/html]

��

mybb@mybb.ru (Vandra) — Wed, 20 Aug 2025 08:52:49 +0300

[html]
<style>

.personal-page {
width: 1000px;
height: 600px;
display: block;
position: relative;
overflow: hidden;
}

.scene {
perspective: 1000px;
width: 700px;
height: 900px;
margin: 50px auto;
display: flex;
position: relative;
gap: 10px;
}

.door {
width: 400px;
transform-style: preserve-3d;
transform: rotateY(-7deg);
transition: transform 1s ease;
transform-origin: left center;
height: 500px;
flex-shrink: 0;
}
.door2 {
transform: rotateY(7deg);
transform-origin: right center;
width: 400px;
height: 500px;
flex-shrink: 0;
}

.content {
background: #222;
color: #eee;
border: 2px solid cyan;
border-radius: 8px;
padding: 20px;
height: 100%;
}

.content img {
width: 200px;
height: 300px;
object-fit: cover;
}

</style>

</div>
</section>
[/html][hideprofile]

Blackwall ��

mybb@mybb.ru (Vandra) — Sun, 03 Aug 2025 01:10:40 +0300

[html]
<style>
.bg-test {
width: 100%;
height: 300px;
background: gray;
padding: 50px 150px;
box-sizing: border-box;
}

.modal-scene {
perspective: 1500px;
}

.modal-container {
width: 600px;
background: rgba(0, 255, 255, 0.05);
border: 1px solid rgba(0, 255, 255, 0.3);
backdrop-filter: blur(10px);
color: #0ff;
box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);
position: relative;

transform: rotateX(-10deg) rotateY(5deg);
transition: transform 0.5s;
}

.modal-container:hover {
transform: rotateX(-5deg) rotateY(0deg) scale(1.05);
}

.modal-container::before,
.modal-container::after {
content: '';
position: absolute;
width: 40px;
height: 40px;
border-color: #0ff;
border-style: solid;
transition: all 0.3s;
}

.modal-container::before {
top: -10px;
left: -10px;
border-width: 2px 0 0 2px;
}
.modal-container::after {
bottom: -10px;
right: -10px;
border-width: 0 2px 2px 0;
}

.modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background: rgba(0, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 255, 255, 0.3);
}
.modal-content {
padding: 20px;
}
.modal-content img {
max-width: 100%;
border: 1px solid rgba(0, 255, 255, 0.2);
}
a {
color: #f0f;
text-shadow: 0 0 5px #f0f;
}

</style>

<section class='bg-test'>
<div class="modal-scene">
<div class="modal-container">
<div class="modal-header">
<h3>Incoming Transmission</h3>
<button class="modal-close">×</button>
</div>
<div class="modal-content">
<p>System alert: Unauthorized access detected. A <a href="#">link to protocols</a> is available.</p>
<img src="https://i.pinimg.com/originals/74/ac/17/74ac17f91053f32370644b755605b879.gif" alt="Cyberpunk UI element">
<button class="action-button">Verify Identity</button>
</div>
</div>
</div>
</section>

[/html]

��

mybb@mybb.ru (Vandra) — Wed, 23 Jul 2025 17:21:05 +0300

��:

<script>
  document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll('div.post[data-user-id]').forEach(function (post) {
      if (parseInt(post.getAttribute('data-user-id')) === UserID) {
        post.classList.add('mypost');
      }
    });
  });
</script>

��

mybb@mybb.ru (Vandra) — Fri, 27 Jun 2025 17:03:34 +0300

[html]
<div class="quote-box" id="item-18">
<blockquote style="padding:10px; border:1px solid #ccc; border-radius:8px;">
<p><b>��:</b><br><img src="https://forumstatic.ru/files/001c/72/80/73721.png" style="max-width:100px; display:block; margin:5px 0;"></p>
<p>�� : 400</p>
</blockquote>
</div>
[/html]

��

mybb@mybb.ru (Vandra) — Fri, 20 Jun 2025 18:10:21 +0300

�� :

� �� , � �� . ��-��, �� - �� , �� . ��, ��, �� . � �� html-�� .

�� :
- �� , �� - �� css �� fontawesome
- �� - �� .
- �� , �� (�� )
- ��

�� :
- �� , �� .
- �� js - ��
- �� - � �� (�� )
- �� - �� . � �� . �� , �� .
- �� , ��
- �� - �� , �� css � �� .
- �� , ��
- �� : �� , �� - �� . ��, � �� , �� )

~~��:~~
- �� , �� . �� - �� , �� . �� .

�� empty

mybb@mybb.ru (Vandra) — Thu, 19 Jun 2025 18:49:12 +0300

��:

<!-- ������������� ����, ������� �����, ���������� Vandra --> 
<script type="text/javascript">
$(document).ready(function () {
    $(".modal-link").click(function (e) {
        e.preventDefault();
        var modId = $(this).attr('id');
        let modal = $("#character");
        modal.css({
            "top": "-100vh",
            "visibility": "hidden",
            "transition": "none"
        }).removeClass("open");
                $('.modal_wrap').empty();
        $.get('pages/' + modId, function (data) {
            $('.modal_wrap').html($(data).find('.character').html());
            $('.pp-profile > a').after('<a class="edit-page" href="/admin_pages.php?edit_page='+modId+'" title="������������� ��������"></a>');
            requestAnimationFrame(() => {
                modal.css({
                    "visibility": "visible",
                    "transition": "top 0.3s ease"
                });
                requestAnimationFrame(() => {
                    modal.addClass("open");
                });
            });
        });
    });
    $(document).on("click", ".close-reveal-modal", function () {
        let modal = $("#character");
        modal.css("top", "-100vh");
        setTimeout(() => {
            modal.removeClass("open").css({ 
                "visibility": "hidden", 
                "transition": "none" 
            });
        }, 400);
    });
});
</script>

��

mybb@mybb.ru (Vandra) — Wed, 18 Jun 2025 02:47:02 +0300

[html]<style>

:root {
--pp-main-bg: 255, 255, 255;
--pp-second-bg: 229, 229, 229;
--pp-third-bg: 238, 238, 238;
--pp-font-color: 0, 0, 0;
--pp-secondary-color: 66, 64, 63;
}

pptwinks div::-webkit-scrollbar,
ppbgs > div::-webkit-scrollbar,
ppplaques > div::-webkit-scrollbar,
ppachiev div::-webkit-scrollbar,
ppcoupons > div::-webkit-scrollbar,
ppcollections > div::-webkit-scrollbar,
collection div::-webkit-scrollbar {
width: 3px;
height: 3px;
}

pptwinks div::-webkit-scrollbar-track,
ppbgs > div::-webkit-scrollbar-track,
ppplaques > div::-webkit-scrollbar-track,
ppachiev div::-webkit-scrollbar-track,
ppcoupons > div::-webkit-scrollbar-track,
ppcollections > div::-webkit-scrollbar-track,
collection div::-webkit-scrollbar-track {
background: rgb(var(--pp-second-bg)) !important;
border-radius: 10px;
}

.pptwinks div::-webkit-scrollbar-thumb,
.ppbgs > div::-webkit-scrollbar-thumb,
.ppplaques > div::-webkit-scrollbar-thumb,
.ppachiev div::-webkit-scrollbar-thumb,
.ppcoupons > div::-webkit-scrollbar-thumb,
.ppcollections > div::-webkit-scrollbar-thumb,
.collection div::-webkit-scrollbar-thumb {
background: rgb(var(--pp-font-color)) !important;
border-radius: 10px;
}

/* �� */

.plashkadura {
width: 200px;
box-sizing: border-box;
display: flex !important;
align-items: center;
flex-direction: column;
justify-content: center;
text-align: center;
height: 30px;
border-radius: 0 0 0px 0px;
}

.plashkadura p {
font-size: 6px;
font: Nunito;
line-height: 120% !important;
color: #e2e2e2;
letter-spacing: 0.2px;
font-weight: bold;
text-transform: uppercase;
}

/* �� */

personalpage {
display: block;
width: 874px;
height: 454px;
border-radius: 10px;
position: relative;
overflow: visible;
background: url(https://forumstatic.ru/files/001c/72/80/29330.png) no-repeat center / 100%;
margin: auto!important;
}

personalpage::after,
personalpage::before {
content: '';
width: 136px;
height: 136px;
background: url(https://forumstatic.ru/files/001c/72/80/50278.png) no-repeat center / 100%;
display: block;
position: absolute;
}

personalpage::before {
left: -39px;
bottom: -41px;
}

personalpage::after {
right: -27px;
top: -22px;
}

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

ppchar {
width: 125px;
height: 60px;
top: 42px;
left: 52px;
border-radius: 5px;
display: block;
position: absolute;
box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.4);
z-index: 3;
}

ppchar img {
width: 125px;
height: 40px;
border-radius: 5px 5px 0 0 ;
object-fit: cover;
}

ppname {
width: 125px;
height: 20px;
position: relative;
border-radius: 0 0 5px 5px;
background: rgb(var(--pp-main-bg));
font: 700 10px Verdana ;
text-transform: uppercase;
display: flex;
align-items: center;
padding-left: 23px;
}

ppsign {
position: absolute;
display: block;
top: 1px;
left: 4px;
color: rgb(var(--pp-font-color), .7);
font-size: 13px;
}

pptwinks {
width: 300px;
height: 320px;
top: 119px;
left: 15px;
border-radius: 10px;
position: absolute;
z-index: 1;
background: rgb(var(--pp-main-bg), .7);
backdrop-filter: blur(7px)
}

pptwinks div {
width: 138px;
height: 278px;
display: flex;
flex-direction: column;
gap: 4px;
overflow: auto;
margin: 25px 11px 17px !important;
box-sizing: content-box;
scrollbar-gutter: stable;
}

pptwinks ppchar {
position: relative;
top: 0px;
left: 0px;
box-shadow: none;
}

pptwinks a {
border-bottom: none!important
}

.char_0::before,
.char_1::before {
top: 5px;
left: 11px;
font-family: Verdana;
font-weight: 700;
font-size: 12px;
color: rgb(var(--pp-font-color), .8);
position: absolute;
}

.char_1::before{
content: '��';
}

.char_0::before {
content: '��';
}

.vtab-wrapper {
font-family: verdana;
width: 692px;
height: 408px;
bottom: 15px;
right: 17px;
border-radius: 5px;
position: absolute;
z-index: 2;
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
background: url(https://forumstatic.ru/files/001c/72/80/54802.png) no-repeat center / 100%;
}

.vtab-labels {
display: flex;
justify-content: flex-start;
position: absolute;
top: -15px;
left: 83px;
gap: 10px;
}

.vtab-labels label {
background: rgb(var(--pp-main-bg), 1);
color: rgb(var(--pp-font-color), .5);
text-align: center;
cursor: pointer;
transition: background 0.4s ease-in-out, box-shadow 0.2s ease-in-out, color 0.4s ease-in-out;
height: 26px;
width: fit-content;
border-radius: 100px;
padding: 5px 16px;
font-family: Verdana;
font-weight: 700;
font-size: 10px;
text-transform: lowercase;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);

}

.vtab-labels label:hover {
background: rgb(240 240 240);
}

input[name="vtabset"] {
display: none;
}

.vtab-content {
display: none;
width: 602px;
height: 344px;
top: 41px;
left: 42px;
position: relative;
}

#vtab1:checked ~ .vtab-content-wrapper .vtab1,
#vtab2:checked ~ .vtab-content-wrapper .vtab2,
#vtab3:checked ~ .vtab-content-wrapper .vtab3 {
display: block;
}

#vtab1:checked ~ .vtab-labels label[for="vtab1"],
#vtab2:checked ~ .vtab-labels label[for="vtab2"],
#vtab3:checked ~ .vtab-labels label[for="vtab3"] {
background: rgba(var(--pp-second-bg), 1);
color: rgb(var(--pp-font-color), 1);
box-shadow: 3px 4px 12px 0px rgba(0, 0, 0, 0.25);

}

ppabout {
width: 366px;
height: 165px;
border-radius: 5px;
padding: 8px;
position: absolute;
top: 0px;
left: 0px;
background: rgb(var(--pp-third-bg));
}

ppabout p {
font-weight: 900;
font-size: 10px !important;
color: rgb(var(--pp-secondary-color));
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 4px !important;
}

ppabout p i {
color: rgba(0, 0, 0, 0.4);
font-size: 12px;
}

ppabout div {
width: 355px;
height: 130px;
overflow: auto;
scrollbar-gutter: stable;
font-weight: 400;
font-size: 9px;
padding-right: 3px;
line-height: 120%;
color: rgb(var(--pp-secondary-color));
}

ppplaques {
width: 222px;
height: 321px;
position: absolute;
right: 0px;
top: 21px;
background: rgb(var(--pp-main-bg));
padding: 5px 2px 5px;
border-radius: 5px;
}

ppplaques::before {
content: attr(data-title);
font-weight: 700;
font-size: 12px;
text-align: right;
color: rgb(var(--pp-font-color), .4);
position: absolute;
top: -21px;
right: 0px;
}

ppplaques > div {
display: flex;
flex-direction: column;
width: 207px;
height: 302px;
gap: 4px;
overflow: auto;
margin: 4px 7px 8px !important;
}

ppplaques > div > div {
flex-shrink: 0;
}

ppbgs {
width: 366px;
height: 140px;
position: absolute;
left: 0px;
bottom: 0px;
background: rgb(var(--pp-main-bg));
border-radius: 5px;
}

ppbgs::before {
content: attr(data-title);
font-weight: 700;
font-size: 12px;
text-align: right;
color: rgb(var(--pp-font-color), .4);
position: absolute;
top: -21px;
right: 0px;
}

ppbgs > div {
display: flex;
width: 350px;
height: 128px;
gap: 4px;
overflow-x: auto;
overflow-y: hidden;
margin: 8px 8px 8px !important;
padding-bottom: 4px;
white-space: nowrap;
scroll-behavior: smooth;
}

ppbgs > div > img {
flex-shrink: 0;
width: 55px;
height: 120px;
object-fit: cover;
}

ppachiev {
width: 574px;
height: 341px;
top: 0px;
right: -15px;
padding: 8px 4px 8px 8px;
background: rgb(var(--pp-main-bg), 1);
display: block;
position: relative;
border-radius: 5px;
}

achievement {
width: 275px;
height: 43px;
border-radius: 10px;
display: block;
background: rgb(var(--pp-third-bg));
padding: 5px 5px 5px 87px;
position: relative;
overflow: hidden;
}

achievement img {
width: 80px;
height: 43px;
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}

achievement span:first-of-type {
font-weight: 700;
font-size: 10px;
display: block;
margin-bottom: 4px;
}

achievement span:last-of-type {
font-weight: 400;
font-size: 9px;
display: block;
}

ppachiev div {
display: flex;
flex-wrap: wrap;
gap: 4px;
height: 325px;
overflow: auto;
}

ppcoupons {
width: 218px;
height: 323px;
position: absolute;
display: block;
left: 0px;
top: 21px;
background: rgb(var(--pp-main-bg));
padding: 5px 2px 5px;
border-radius: 5px;
}

ppcoupons::before {
content: attr(data-title);
font-weight: 700;
font-size: 12px;
text-align: right;
color: rgb(var(--pp-font-color), .4);
position: absolute;
top: -21px;
right: 0px;
}

ppcoupons > div {
display: flex;
flex-direction: column;
width: 209px;
height: 308px;
padding-right: 2px;
gap: 4px;
scrollbar-gutter: stable;
overflow: auto;
margin: 4px 5px 8px !important;
}

coupon {
width: 202px;
border-radius: 5px;
gap: 4px;
padding: 8px;
display: flex;
background: rgb(var(--pp-third-bg));
}

coupon i {
color: rgba(0, 0, 0, 0.4);
font-size: 12px;
}

coupon span:first-of-type {
font-weight: 900;
font-size: 10px;
}

coupon span:last-of-type {
font-weight: 400;
font-size: 9px;
}

ppcollections {
width: 364px;
height: 323px;
position: absolute;
display: block;
right: 0px;
top: 21px;
padding: 5px 2px 5px;
border-radius: 5px;
}

ppcollections::before {
content: attr(data-title);
font-weight: 700;
font-size: 12px;
text-align: right;
color: rgb(var(--pp-font-color), .4);
position: absolute;
top: -21px;
right: 0px;
}

ppcollections > div {
display: flex;
flex-direction: column;
width: 350px;
height: 308px;
padding-right: 2px;
gap: 4px;
scrollbar-gutter: stable;
overflow: auto;
margin: 4px 5px 8px !important;
}

collection {
width: 340px;
height: 105px;
border-radius: 10px;
background: rgb(var(--pp-main-bg));
padding: 8px;
}

collection span:first-of-type {
font-weight: 700;
font-size: 12px;
color: rgb(var(--pp-secondary-color));
display: block;
}

collection span:last-of-type {
font-weight: 400;
font-size: 10px;
color: rgb(var(--pp-secondary-color));
display: block;
}

collection div {
display: flex;
width: 324px;
height: 55px;
padding-bottom: 2px;
gap: 4px;
scrollbar-gutter: stable;
overflow: auto;
margin: 8px 0px !important;
white-space: nowrap;
scroll-behavior: smooth;
}

collection img {
width: 50px;
height: 50px;
border: 0.8px solid rgba(0, 0, 0, 1)!important;
object-fit: cover;
}
</style>

<ppname>
<ppsign>♏︎</ppsign> whoopie, 24
</ppname>

</ppchar>

<pptwinks class='char_1'> <div>

<a href='#'><ppchar>
<img src='https://i.pinimg.com/736x/11/68/57/116857835759159d60b880abb6cb4b87.jpg'>
<ppname>
<ppsign>♐︎</ppsign> unico uni, 24
</ppname>
</ppchar></a>

<a href='#'><ppchar>
<img src='https://i.pinimg.com/736x/e5/0a/05/e50a05453957503007ea56f4d0cd6323.jpg'>
<ppname>
<ppsign>♒︎</ppsign> champion, 24
</ppname>
</ppchar></a>

<a href='#'><ppchar>
<img src='https://i.pinimg.com/736x/e7/62/9d/e7629d9e23a75ff7791c23fabbc3aa7a.jpg'>
<ppname>
<ppsign>♓︎</ppsign> whoopie, 24
</ppname>
</ppchar></a>

<a href='#'><ppchar>
<img src='https://i.pinimg.com/736x/74/e6/ee/74e6eed932f9eccfda8ce0bec1ad3213.jpg'>
<ppname>
<ppsign>♋︎</ppsign> champion, 24
</ppname>
</ppchar></a>

<a href='#'><ppchar>
<img src='https://i.pinimg.com/736x/e7/62/9d/e7629d9e23a75ff7791c23fabbc3aa7a.jpg'>
<ppname>
<ppsign>♊︎</ppsign> champion, 24
</ppname>
</ppchar></a>

</div></pptwinks>

<div class="vtab-labels">
<label for="vtab1">��</label>
<label for="vtab2">��</label>
<label for="vtab3">�� </label>
</div>

<div class="vtab-content-wrapper">

<div class="vtab-content vtab1">

�� , � �� . �� -�� .<br><br>

�� , �� , ��, �� , ��. �� . �� , �� , �� : �� . �� , �� .

</div>
</ppabout>

<div class="plashkadura" style="background: #a13d39"> <p> some plaque </p></div>

</div></ppplaques>

</div></ppbgs>

</div>

<div class="vtab-content vtab2">

</div></ppachiev>

</div>

<div class="vtab-content vtab3">

</div></ppcoupons>

<div>

</div>

</collection>

<div>

</div>

</collection>

<div>

</div>

</collection>

<div>

</div>

</collection>

</div></ppcollections>

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

</personalpage>[/html][hideprofile]

��/�� css � html

mybb@mybb.ru (Vandra) — Sun, 15 Jun 2025 19:06:04 +0300

<script type="text/javascript" src="https://forumstatic.ru/files/001c/17/73/32442.js"></script>

</style>

��

mybb@mybb.ru (Vandra) — Sat, 07 Jun 2025 15:32:38 +0300

[html]<fairyreq>

<div class="hcontainer">
<input type="checkbox" id="toggle-content" hidden>
<div class="hcontent content1">

<reqwrapper>

<reqcharname data-title='i need you'>
Name Surname
</reqcharname>

</reqcharimgs>

�� (�� . ��, ��), �� (��.��.��.)<br>
�� (�� ) 

</reqcharbase>

Tell <span>your story</span> as if it's a <span>fairytale</span>

</reqtitle>

<reqtext>
�� . �� , �� . �� , �� . �� , �� , �� . �� . � �� . �� , � �� , �� .
</reqtext>

��, ��, ��. �� – �� . �� ... � �� ? ��? �� , �� ! �� – �� , �� . �� -�� -�� . � �� , ��? �� , �� .
��, �� -�� . ��, �� , �� , �� , �� , �� . ��, �� , �� . � ��, �� ? �� -��, �� . �� , ��? ��, �� , �� ?
�� , �� , � ��, �� . �� , � �� , �� , �� . �� ? �� , �� , �� . �� ? �� ? � �� ! �� !

<span>My heart </span>is now <span>yours</span>. Please, keep it safe.

</reqtitle>

� �� . �� "��". ��, ��, �� . � ��, �� .

</reqwrapper>
</div>

<div class="hcontent content2">
<reqwrapper>

</reqwrapper>
</div>


<label for="toggle-content" class="toggle-button reqgift"><img src='https://forumstatic.ru/files/001c/72/80/31808.png' /></label>
</div>

</fairyreq>[/html]

��

mybb@mybb.ru (Vandra) — Thu, 29 May 2025 15:57:43 +0300

[html]<section class="miniplayer">
<div class="audio-box">
<audio src="https://��_��_��_��.mp3" class="audio-player"></audio>
<button class="play-btn"><i class="fa-solid fa-play"></i></button>
<div class="volume-wrapper">
<input type="range" class="volume-control" min="0" max="1" step="0.01" value="0.5">
</div>
</div>
<span><b>��/��</b> � ��</span>
</section>[/html]

��

mybb@mybb.ru (Vandra) — Sun, 18 May 2025 11:11:03 +0300

��

[html]
<style>

.fairy-wrapper {
margin: 0 auto;
position: relative;
width: 945px;
height: 589px;
}

.fairy-wrapper pp-dossier {
height: 199px !important;
}

.fairy-wrapper pp-dossier::after {
background: url(https://forumstatic.ru/files/001c/72/80/84877.svg)!important;
}

.fairy-wrapper pp-dossier div:is(:nth-of-type(3), :nth-of-type(4), :nth-of-type(5), :nth-of-type(6)) {
grid-column: span 2;
}

.fairy-wrapper personalpage.pp-emp::before {
background: url(https://forumstatic.ru/files/001c/72/80/38293.svg);
}

.fairy-wrapper personalpage.pp-emp .vtab-content.active::before {
background: url(https://forumstatic.ru/files/001c/72/80/16321.svg);
}

.fairy-wrapper personalpage.pp-emp::after {
background: url(https://forumstatic.ru/files/001c/72/80/91522.svg) no-repeat;
}

.fairy-wrapper personalpage.pp-emp {
background: url(https://forumstatic.ru/files/001c/72/80/92394.svg);
}

.fairy-wrapper personalpage.pp-emp .pp-btn::after {
background: linear-gradient(180deg, #FFFFFF 0%, #D2E9E2 100%);
box-shadow: 0px 4px 4px 0px rgba(175, 204, 183, 1);
}

.fairy-wrapper personalpage.pp-emp .vtab-content.active {
background: url(https://forumstatic.ru/files/001c/72/80/39853.svg) no-repeat;
}

personalpage.pp-emp pp-char div::after {
background: url(https://forumstatic.ru/files/001c/72/80/59557.svg);
}

</style>

<div class="vtabs-cont">
<div class="vtab-buttons">
<button class="vtab-btn pp-btn"></button>
<button class="vtab-btn pp-btn"></button>
<button class="vtab-btn pp-btn"></button>
<button class="vtab-btn pp-btn"></button>
</div>

<div class="vtab-content">

<pp-char>
<div data-title='� ��'>
<span> �� </span>
� �� . �� . � �� , � �� . �� . � ��
</div>

</pp-char>

<pp-dossier>
<span>�� </span>
<img src='https://i.pinimg.com/736x/d7/b3/90/d7b390b2d415cb2f6456b82521ea10e7.jpg' />
<div data-title='��'> 53 </div>
<div data-title='��'> �� </div>
<div data-title='��'> 53 </div>
<div data-title='��'> �� </div>
<div data-title='�� '>�� /�� /�� </div>
<div data-title='��'> �� /�� /�� </div>

</pp-dossier>

</div>

<div class="vtab-content"><pp-char>
<div data-title='��'>
<span> �� </span>
� �� . �� .
</div>

</pp-char>

<pp-chronology>
<span> �� </span>
<div>

</div></pp-chronology>

</div>

<div class="vtab-content">
<pp-bgs data-title='�� '><div>

</div></pp-bgs></div>

<div class="vtab-content">

<pp-pokemons data-title='��'><div>

<pp-pokemon class='__1'>
<img src='https://forumstatic.ru/files/001c/72/80/39153.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/70561.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/39153.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/70561.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/89091.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/25200.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/11451.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/39450.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/57941.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/61496.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/44067.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/62804.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/19460.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/60089.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/85955.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/20318.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/97833.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/73721.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/57277.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/71335.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/99545.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/93641.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/46718.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/25432.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/75594.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/40584.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/47730.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/73365.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/61713.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/20021.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/97911.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/53728.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/42551.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/48859.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/97741.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/71886.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/23744.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/34733.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/28571.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/93080.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/89204.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/31135.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/38112.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/67686.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/86291.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/92457.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/56925.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/56742.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/64497.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/32635.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/14314.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/26498.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/26728.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/13820.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/39924.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/29149.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/50552.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/41589.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/79087.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/68664.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/68652.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/13972.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/49201.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/86438.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/46708.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/31027.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/47968.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/19421.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/40044.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/22733.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/95984.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/14786.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/42036.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/20692.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/22323.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/90825.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/62207.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/35108.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/80915.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/26996.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/73320.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/23277.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/86900.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/77707.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/81394.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/18011.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/82269.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/20161.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/45205.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/48638.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/98388.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/26588.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/17899.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/49218.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/80089.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/79281.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/50918.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/35744.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/67462.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/63149.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/60123.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/60766.png' />
<span>�� </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/36240.png' />
<span>�� </span>
</pp-pokemon>

</div></div></personalpage></section>[/html][hideprofile]

��

mybb@mybb.ru (Vandra) — Wed, 07 May 2025 13:07:22 +0300

��:

<!-- ������� ��� �� ��� ID by Vandra  -->
<script>
function initTabs(modal) {
    modal.querySelectorAll(".vtabs-cont").forEach(tabContainer => {
        const buttons = tabContainer.querySelectorAll(".vtab-btn");
        const tabs = tabContainer.querySelectorAll(".vtab-content");

        if (!buttons.length || !tabs.length) return;

        if (tabContainer.dataset.tabsInitialized === "true") return;
        tabContainer.dataset.tabsInitialized = "true";

        function switchTab(index) {
            tabs.forEach(tab => tab.classList.remove("active"));
            buttons.forEach(btn => btn.classList.remove("active"));

            tabs[index].classList.add("active");
            buttons[index].classList.add("active");
        }

        buttons.forEach((button, index) => {
            button.addEventListener("click", () => switchTab(index));
        });

        switchTab(0);
    });
}

const observer = new MutationObserver(mutations => {
    mutations.forEach(mutation => {
        mutation.addedNodes.forEach(node => {
            if (node.nodeType === 1 && node.classList.contains(".vtabs-wrapper")) {
                initTabs(node);
            }
        });
    });
});

observer.observe(document.body, { childList: true, subtree: true });

document.addEventListener("DOMContentLoaded", () => {
    document.querySelectorAll(".vtabs-wrapper").forEach(initTabs);
});
</script>

�� 2 (�� )

��:

<!-- ��������� ���� ������ ����� ��� ����� � ������� by Vandra  -->
<script>
document.addEventListener("DOMContentLoaded", function () {
    const profileContainer = document.getElementById("profile8");
    if (!profileContainer) return; 
    const profInputs = profileContainer.querySelectorAll("#fld2, #fld3, #fld4, #fld5");
    profInputs.forEach(profInput => {
        const profTextarea = document.createElement("textarea");
        for (let { name, value } of profInput.attributes) {
            profTextarea.setAttribute(name, value);
        }
        profTextarea.value = profInput.value;
        profInput.replaceWith(profTextarea);
    });
});
</script>

<!-- ������� ��� �� ��� ID by Vandra  -->
<script>
function initTabs(container) {
    container.querySelectorAll(".vtabs-cont").forEach(tabContainer => {
        const buttons = tabContainer.querySelectorAll(".vtab-btn");
        const tabs = tabContainer.querySelectorAll(".vtab-content");

        if (!buttons.length || !tabs.length) return;
        if (tabContainer.dataset.tabsInitialized === "true") return;

        tabContainer.dataset.tabsInitialized = "true";

        function switchTab(index) {
            tabs.forEach(tab => tab.classList.remove("active"));
            buttons.forEach(btn => btn.classList.remove("active"));

            tabs[index].classList.add("active");
            buttons[index].classList.add("active");
        }

        buttons.forEach((button, index) => {
            button.addEventListener("click", () => switchTab(index));
        });

        switchTab(0);
    });
}

const observer = new MutationObserver(mutations => {
    mutations.forEach(mutation => {
        mutation.addedNodes.forEach(node => {
            if (node.nodeType !== 1) return;

            if (node.classList && node.classList.contains("vtabs-wrapper")) {
                initTabs(node);
            }

            const nestedWrappers = node.querySelectorAll?.(".vtabs-wrapper");
            nestedWrappers?.forEach(wrapper => {
                initTabs(wrapper);
            });
        });
    });
});

observer.observe(document.body, { childList: true, subtree: true });

document.querySelectorAll(".vtabs-wrapper").forEach(initTabs);
</script>

��:

.vtab-content {
  display: none;
  padding: 10px;
  border: 1px solid #ccc;
}

.vtab-content.active {
  display: block;
}

.vtab-btn {
  padding: 5px 10px;
  margin-right: 5px;
  cursor: pointer;
  background: #eee;
  border: 1px solid #bbb;
  transition: background 0.3s;
}

.vtab-btn.active {
  background: #ccc;
  font-weight: bold;
}

��

mybb@mybb.ru (Vandra) — Sat, 26 Apr 2025 03:42:15 +0300

Name & surname / ��

��

�� / �� / ��

��

��:
�� . �� , �� , � �� .

��:
��, ��, �� , ��

��:
��

��

�� :
��

��

mybb@mybb.ru (Vandra) — Sat, 26 Apr 2025 03:32:06 +0300

[hideprofile]

Empyrean
the fourth wing

administration: Xaden

�� : 634 �.�
�� : �� ; ��
�� : ��, ��, ��

[audio=https://forumstatic.ru/files/001c/63/27/31691.mp3?v=1]�� [/audio]

on their way

�� :
-
- ��
- ��
- ��
-

�� :
-

we need them

��

mybb@mybb.ru (Vandra) — Sat, 26 Apr 2025 03:16:41 +0300

��

�� !

�� , �� .

1.1 ��, ��, ��, �� , �� .
1.2 � �� 7 �� , �� .
1.3 �� 7 ��. �� , �� . �� , �� .
1.4 �� 10 ��. �� , �� .
1.5 �� , �� . �� .
1.6 �� , �� , �� .

2.1 �� , �� .
2.2 �� .
2.3 �� , ��, �� , �� . �� , �� -�� .
2.4 �� . � �� . �� , �� .

3.1 �� , �� .
3.2 � �� ("~, ::, * � �.�.)
3.4 �� , �� , �� .
3.5 �� 180x180. �� , �� .

4.1 �� . �� .
4.2 �� Word �� -�� .
4.3 � �� , �� , �� , �� .
4.4 �� . �� , �� 10 ��. � �� , �� .
4.5 �� , �� , �� . �� (�� ), �� .
�� ; �� .

�� .

��

mybb@mybb.ru (Vandra) — Sat, 26 Apr 2025 03:15:29 +0300

[hideprofile]
[html]<style>@import url("https://forumstatic.ru/files/001c/63/27/99092.css");</style>
<div class="map">

</div>

// �� active � area
$(".description").not(targetDescription).fadeOut(600);
$(".area").not(targetArea).removeClass("active");

// ��
if (targetDescription.is(":visible")) {
targetDescription.fadeOut(600);
targetArea.removeClass("active");
} else {
targetDescription.fadeIn(600);
targetArea.addClass("active");
}
});

// �� "Close"
$(".description .close").on("click", function () {
var targetDescription = $(this).closest(".description");
var id = targetDescription.attr("id").split("-")[1];
var targetArea = $(".area[data-id='" + id + "']");

targetDescription.fadeOut(600);
targetArea.removeClass("active");
});
});
</script>[/html]

��

��

mybb@mybb.ru (Vandra) — Sat, 26 Apr 2025 02:30:59 +0300

BugHunter, 12345

��

mybb@mybb.ru (Vandra) — Mon, 21 Apr 2025 15:10:20 +0300

[html]

<style>

chronology {
background: url(https://forumstatic.ru/files/001c/72/80/16767.png) top center no-repeat, rgba(248, 248, 247, 1);
width: 1020px;
height: auto;
border-radius: 15px;
padding: 165px 10px 40px !important;
display: block;
margin: auto!important;
position: relative;
box-sizing: border-box;
}
chronology * {
box-sizing: border-box;

}

epblock > img {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 50%;
filter: contrast(0.7) grayscale(0.3);
}

chronology::before {
content: '';
position: absolute;
width: 94.6%;
height: calc(100% - 180px);
border-radius: 0 0 15px 15px;
background: rgba(232, 232, 232, 1) !important;
left: 28px;
top: 150px;
}

epblock {
display: flex;
gap: 5px 25px;
position: relative;
width: 93.1%;
height: 75px;
align-items: center;
flex-wrap: wrap;
padding: 10px 20px 10px 13px;
background: rgba(206, 208, 209, 1);
margin: 7px 10px 8px 35px !important;
border-radius: 10px;
box-sizing: border-box;
justify-content: flex-start;
}

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

epdescription {
display: none;
position: absolute;
max-width: 83%;
top: 36px;
left: 73px;
background: rgb(var(--canvas-quarternary), 0.7);
backdrop-filter: blur(4px);
color: #ffffff;
border-radius: 15px;
padding: 12px 15px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
z-index: 10;
}

epdate {
color: rgba(36, 44, 53, 1);
background: linear-gradient(90deg, #D5D5D5 0%, #FFFFFF 100%);
padding: 6px 15px !important;
background-size: 100%;
border-radius: 100px;
border: 1px solid rgba(255, 255, 255, 1);
font-family: Moisette;
font-weight: 600;
font-style: italic;
height: 25px;
font-size: 13px;
text-transform: lowercase;
cursor: help;
display: inline-block;
transition: background-size var(--anim-hover);
}
epdate:hover {
background-size: 200%;
}

input[type="checkbox"]:checked ~ epdescription {
display: block;
}

a.epname {
padding: 5px 15px;
font-family: Moisette;
font-weight: 600;
font-style: italic;
font-size: 15px;
position: absolute;
top: 13px;
left: 185px;
border-bottom: none !important;
line-height: 120%;
text-transform: lowercase;
transition: background var(--anim-hover), color var(--anim-hover);

}

a.epname:hover {

}

epmembers {
display: flex;
gap: 5px;
width: fit-content;
position: absolute;
left: 200px;
bottom: 18px;
}

epmembers a {
background: rgb(146 169 183);
border-radius: 50px;
font-family: Moisette;
font-weight: 600;
font-style: italic;
font-size: 13px;
line-height: 100%;
color: white !important;
text-align: justify;
text-transform: lowercase;
border: 1px solid rgba(255, 255, 255, 1) !important;
padding: 2px 14px;
}

epmembers a:hover {
background:rgba(255, 255, 255, .6);
}

</style>

<epblock>
<label style="display:block;">
<input type="checkbox">
<epdate>12.12.2022</epdate>

<epdescription>
�� .
</epdescription>
</label>

<img src="https://i.pinimg.com/736x/91/a5/7b/91a57b8ecea533eaf7cd3f1151efcb0b.jpg">