kent

��

mybb@mybb.ru (kent) — Thu, 16 Jul 2026 21:25:20 +0300

[html]
<style>
/* =========================================================
��
�� : --seysi-rg-width � --seysi-rg-height
========================================================= */
.seysi-resource-gallery {
--seysi-rg-width: 780px;
--seysi-rg-height: 620px;
--seysi-rg-bg: #f7f3f1;
--seysi-rg-card: #fffdfc;
--seysi-rg-line: #e7d9d4;
--seysi-rg-accent: #d97768;
--seysi-rg-accent-soft: #efd0c8;
--seysi-rg-brown: #8f7068;
--seysi-rg-text: #4e4543;
--seysi-rg-muted: #9a8e8a;

width: var(--seysi-rg-width);
height: var(--seysi-rg-height);
margin: 20px auto;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
box-sizing: border-box;
color: var(--seysi-rg-text);
background: var(--seysi-rg-bg);
border: 1px solid var(--seysi-rg-line);
border-radius: 18px;
box-shadow: 0 12px 35px rgba(93, 67, 61, .12);
font: 13px/1.4 Arial, sans-serif;
}

.seysi-resource-gallery *,
.seysi-resource-gallery *::before,
.seysi-resource-gallery *::after {
box-sizing: border-box;
}

.seysi-resource-gallery > input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
}

/* �� */
.seysi-resource-gallery .seysi-rg-tabs {
height: 58px;
padding: 9px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 7px;
flex: 0 0 auto;
background: #eee2de;
border-bottom: 1px solid var(--seysi-rg-line);
}

.seysi-resource-gallery .seysi-rg-tabs label {
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
cursor: pointer;
color: var(--seysi-rg-brown);
background: rgba(255,255,255,.55);
border: 1px solid transparent;
border-radius: 11px;
font-size: 12px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
transition: .2s ease;
}

.seysi-resource-gallery .seysi-rg-tabs label:hover {
color: var(--seysi-rg-accent);
background: #fffaf8;
}

.seysi-resource-gallery > #seysi-rg-tab-1:checked ~ .seysi-rg-tabs label[for="seysi-rg-tab-1"],
.seysi-resource-gallery > #seysi-rg-tab-2:checked ~ .seysi-rg-tabs label[for="seysi-rg-tab-2"],
.seysi-resource-gallery > #seysi-rg-tab-3:checked ~ .seysi-rg-tabs label[for="seysi-rg-tab-3"],
.seysi-resource-gallery > #seysi-rg-tab-4:checked ~ .seysi-rg-tabs label[for="seysi-rg-tab-4"] {
color: #fff;
background: var(--seysi-rg-accent);
border-color: var(--seysi-rg-accent);
box-shadow: 0 4px 12px rgba(183, 100, 87, .25);
}

/* ��: �� , �� */
.seysi-resource-gallery .seysi-rg-pages {
min-height: 0;
flex: 1 1 auto;
position: relative;
}

.seysi-resource-gallery .seysi-rg-page {
display: none;
width: 100%;
height: 100%;
padding: 18px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: var(--seysi-rg-accent-soft) transparent;
}

.seysi-resource-gallery .seysi-rg-page::-webkit-scrollbar { width: 8px; }
.seysi-resource-gallery .seysi-rg-page::-webkit-scrollbar-track { background: transparent; }
.seysi-resource-gallery .seysi-rg-page::-webkit-scrollbar-thumb {
background: var(--seysi-rg-accent-soft);
border: 2px solid var(--seysi-rg-bg);
border-radius: 10px;
}

.seysi-resource-gallery > #seysi-rg-tab-1:checked ~ .seysi-rg-pages .seysi-rg-page-1,
.seysi-resource-gallery > #seysi-rg-tab-2:checked ~ .seysi-rg-pages .seysi-rg-page-2,
.seysi-resource-gallery > #seysi-rg-tab-3:checked ~ .seysi-rg-pages .seysi-rg-page-3,
.seysi-resource-gallery > #seysi-rg-tab-4:checked ~ .seysi-rg-pages .seysi-rg-page-4 {
display: block;
}

.seysi-resource-gallery .seysi-rg-heading {
margin: 0 0 14px;
color: var(--seysi-rg-accent);
font: italic 700 22px/1.1 Georgia, serif;
text-align: center;
}

.seysi-resource-gallery .seysi-rg-note {
display: block;
margin: -5px 0 16px;
color: var(--seysi-rg-muted);
font-size: 11px;
text-align: center;
}

/* �� */
.seysi-resource-gallery .seysi-rg-copy {
width: 100%;
height: 30px;
padding: 0 9px;
color: #6e5c57;
background: #f5eeee;
border: 1px solid #eadbd6;
border-radius: 7px;
outline: none;
font: 11px/30px Consolas, "Courier New", monospace;
text-align: center;
}

.seysi-resource-gallery .seysi-rg-copy:focus {
color: var(--seysi-rg-accent);
background: #fff;
border-color: var(--seysi-rg-accent-soft);
box-shadow: 0 0 0 3px rgba(217, 119, 104, .1);
}

.seysi-resource-gallery .seysi-rg-field-name {
display: block;
margin: 8px 0 5px;
color: var(--seysi-rg-muted);
font-size: 9px;
font-weight: 700;
letter-spacing: .08em;
text-align: center;
text-transform: uppercase;
}

/* ---------- 1. �� ---------- */
.seysi-resource-gallery .seysi-rg-image-grid {
display: grid;
grid-template-columns: repeat(3, 220px);
justify-content: center;
gap: 10px;
}

.seysi-resource-gallery .seysi-rg-image-card,
.seysi-resource-gallery .seysi-rg-icon-card,
.seysi-resource-gallery .seysi-rg-kit-card {
background: var(--seysi-rg-card);
border: 1px solid var(--seysi-rg-line);
border-radius: 13px;
box-shadow: 0 5px 15px rgba(107, 80, 73, .07);
}

.seysi-resource-gallery .seysi-rg-image-card { padding: 5px; }

.seysi-resource-gallery .seysi-rg-main-image {
width: 200px;
height: 100px;
margin: 0 auto;
display: block;
object-fit: cover;
object-position: center;
background: #eadbd6;
border-radius: 9px;
}

.seysi-resource-gallery .seysi-rg-swatches {
margin-top: 5px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 7px;
}

.seysi-resource-gallery .seysi-rg-swatch-item { min-width: 0; text-align: center; }

.seysi-resource-gallery .seysi-rg-swatch {
width: 24px;
height: 24px;
margin: 0 auto 5px;
display: block;
background: var(--swatch-color);
border: 3px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 1px #ded1cd, 0 3px 7px rgba(70, 50, 45, .12);
}

.seysi-resource-gallery .seysi-rg-swatch-item .seysi-rg-copy {
height: 25px;
padding: 0 3px;
font-size: 10px;
line-height: 25px;
}

/* ---------- 2. �� 20x20 ---------- */
.seysi-resource-gallery .seysi-rg-icon-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 11px;
}

.seysi-resource-gallery .seysi-rg-icon-card {
min-width: 0;
padding: 12px 9px 9px;
text-align: center;
}

.seysi-resource-gallery .seysi-rg-icon-preview {
width: 48px;
height: 48px;
margin: 0 auto 9px;
display: grid;
place-items: center;
background: #f5eeee;
border: 1px dashed #dfcbc5;
border-radius: 12px;
}

.seysi-resource-gallery .seysi-rg-icon-preview img {
width: 20px;
height: 20px;
display: block;
object-fit: contain;
}

/* ---------- 3. �� ---------- */
.seysi-resource-gallery .seysi-rg-kit-list {
display: grid;
grid-template-columns: repeat(3, 230px);
justify-content: center;
gap: 10px;
}

.seysi-resource-gallery .seysi-rg-kit-card {
width: 230px;
padding: 6px;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 8px;
align-items: start;
}

.seysi-resource-gallery .seysi-rg-kit-part {
min-width: 0;
margin-bottom: 0;
padding: 8px;
background: #faf6f4;
border: 1px solid #efe3df;
border-radius: 10px;
}

.seysi-resource-gallery .seysi-rg-kit-iconbox {
height: 68px;
display: grid;
place-items: center;
}

.seysi-resource-gallery .seysi-rg-kit-iconbox img {
width: 20px;
height: 20px;
object-fit: contain;
}

.seysi-resource-gallery .seysi-rg-kit-picture {
width: 200px;
height: 100px;
margin: 0 auto;
display: block;
object-fit: cover;
background: #eadbd6;
border-radius: 8px;
}

/* �� , �� */
.seysi-resource-gallery .seysi-rg-badge-wrap {
height: 94px;
display: grid;
place-items: center;
padding: 8px;
}

.seysi-resource-gallery .seysi-rg-profile-badge {
width: 100%;
min-height: 42px;
padding: 6px 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
background: var(--seysi-rg-badge-color);
border-radius: 0 0 11px 11px;
text-align: center;
text-shadow: 0 1px 2px rgba(56, 70, 91, .22);
}

.seysi-resource-gallery .seysi-rg-profile-badge b {
font-size: 11px;
line-height: 1.05;
}

.seysi-resource-gallery .seysi-rg-profile-badge small {
margin-top: 1px;
font-size: 8px;
line-height: 1.05;
}

.seysi-resource-gallery .seysi-rg-kit-text-fields {
display: grid;
grid-template-columns: 1fr 1.45fr;
gap: 6px;
}

/* ---------- 4. �� ---------- */
.seysi-resource-gallery .seysi-rg-badge-list {
display: grid;
grid-template-columns: repeat(4, 170px);
justify-content: center;
gap: 10px;
}

.seysi-resource-gallery .seysi-rg-badge-card {
width: 170px;
padding: 8px;
background: var(--seysi-rg-card);
border: 1px solid var(--seysi-rg-line);
border-radius: 13px;
box-shadow: 0 5px 15px rgba(107, 80, 73, .07);
}

.seysi-resource-gallery .seysi-rg-badge-card .seysi-rg-badge-wrap {
height: 74px;
padding: 5px;
background: #faf6f4;
border: 1px solid #efe3df;
border-radius: 9px;
}

.seysi-resource-gallery .seysi-rg-badge-fields {
display: grid;
gap: 5px;
}

/* �� , �� --seysi-rg-width ��. */
</style>

<section class="seysi-rg-page seysi-rg-page-2">
<h2 class="seysi-rg-heading">�� </h2>
<p class="seysi-rg-note">�� 20×20 px.</p>

<section class="seysi-rg-page seysi-rg-page-3">
<h2 class="seysi-rg-heading">�� </h2>
<p class="seysi-rg-note">�� HTML-�� , � �� .</p>

<section class="seysi-rg-page seysi-rg-page-4">
<h2 class="seysi-rg-heading">��</h2>
<p class="seysi-rg-note">�� HTML-��: �� , �� .</p>

<article class="seysi-rg-badge-card">
<div class="seysi-rg-badge-wrap">
<div class="seysi-rg-profile-badge" style="--seysi-rg-badge-color:#719F88">
<b>�� </b>
<small>�� </small>
</div>
</div>
<div class="seysi-rg-badge-fields">
<span class="seysi-rg-field-name">��</span>
<input class="seysi-rg-copy" type="text" readonly onfocus="this.select()" value="#719F88">
<span class="seysi-rg-field-name">�� </span>
<input class="seysi-rg-copy" type="text" readonly onfocus="this.select()" value="�� ">
<span class="seysi-rg-field-name">�� </span>
<input class="seysi-rg-copy" type="text" readonly onfocus="this.select()" value="�� ">
</div>
</article>
</div>
</section>
</div>
</div>
[/html][hideprofile]

��

mybb@mybb.ru (kent) — Sat, 06 Dec 2025 18:43:43 +0300

[html]
<style>
/* �� */
.advent-title {
font-size: 26px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
color: #b30000;
text-shadow: 0 0 6px rgba(255,255,255,0.6);
font-family: Georgia, serif;
}

/* �� */
.advent-wrapper {
width: fit-content;
max-width: 100%;
margin: auto;
padding: 16px 16px 20px;
box-sizing: border-box;
position: relative;
border: 1px solid rgba(200, 220, 255, 0.8);
border-radius: 20px;
background-image: url(https://upforme.ru/uploads/001c/85/52/2/605336.png);
background-repeat: repeat;
background-size: 160px;
box-shadow: 0 0 20px rgb(180 210 255 / 0%), inset 0 0 15px rgb(255 255 255 / 87%);
}

/* 7 �� */
.advent {
display: grid;
grid-template-columns: repeat(7, 120px); /* ← �� */
gap: 10px; /* �� */
}

/* �� */
.advent-cell {
position: relative;
width: 120px; /* �� */
box-sizing: border-box;
}

/* �� */
.advent-item {
position: relative;
background: #ffffff;
border-radius: 10px;
padding: 6px; /* �� */
height: 160px; /* �� */
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.7);
box-shadow: inset 0 0px 18px 1px rgb(16 16 16 / 22%), inset 0 0 20px rgb(196 206 231 / 52%), 0 2px 5px rgb(0 0 0 / 34%);
transition: 0.25s cubic-bezier(0.4, 0, 1, 1);
}

/* �� */
.advent-image {
width: 100%;
height: calc(100% - 26px);
overflow: hidden;
}

.advent-image img {
width: 100%;
height: 100%;
object-fit: contain;
margin-top: 14px; /* �� */
}

.advent-date {
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);

padding: 2px 18px 5px;
border-radius: 12px;

background: rgba(255,255,255,0.45);
backdrop-filter: blur(3px);

border-top: 1px solid rgba(210,190,140,0.7);
border-bottom: 1px solid rgba(210,190,140,0.7);
border-left: none;
border-right: none;

font-family: "Playfair Display", serif;
font-size: 20px;
font-weight: 700;

color: #c7a05a;
text-shadow:
0 0 3px rgba(255,255,255,0.9),
0 1px 2px rgba(0,0,0,0.2);

letter-spacing: 1px;

z-index: 6;
}

/* �� */
.advent-cell:hover .advent-item {
transform: translateY(-2px);
box-shadow:
inset 0 0 14px rgba(255,255,255,1),
inset 0 0 24px rgba(210,230,255,0.85),
0 4px 10px rgba(0,0,0,0.18);
}

/* �� */
.advent-image {
width: 100%;
height: calc(100% - 8px - 20px); /* �� */
overflow: hidden;
}

.advent-image img {
width: 100%;
height: 100%;
object-fit: contain;
margin-top: 18px;
}

/* ��-�� */
.advent-popup {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%) scale(0.6);
opacity: 0;
pointer-events: none;
transition:
opacity 0.35s ease,
transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1.4);
z-index: 50;
}

.advent-cell:hover .advent-popup {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}

.advent-popup img {
max-width: 260px;
max-height: 260px;
border-radius: 14px;
background: rgba(255,255,255,0.9);
box-shadow:
0 0 12px rgba(160,190,255,0.8),
0 6px 16px rgba(0,0,0,0.25);
}

/* �� */
.advent-price-tag {
position: absolute;
bottom: 5px;
right: 6px;
padding: 2px 6px 1px 6px;
background: linear-gradient(135deg, #ff4b4b, #cc0000);
border: 1px solid #a80000;
border-radius: 20px;
font-size: 11px;
font-weight: bold;
color: #fff;
font-family: Georgia, serif;
box-shadow: 0 0 6px rgba(150, 0, 0, 0.6), inset 0 0 5px rgba(255, 255, 255, 0.25);
z-index: 60;
pointer-events: none;
display: inline-flex;
align-items: center;
gap: 4px;
}

.advent-price-tag::before {
content: "❄";
font-size: 15px;
}
</style>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">15.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£500</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">16.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£650</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">17.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/80142.png"> 
</div>
<div class="advent-price-tag">£650</div> 
</div>
<div class="advent-popup">
<img src="https://upforme.ru/uploads/001c/96/dd/32/283589.jpg"> 
</div>
</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">18.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£900</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">19.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£300</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">20.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£400</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">21.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£777</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">22.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£560</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">23.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£900</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">24.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£1200</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">25.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£1500</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">26.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£330</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">27.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£450</div>
</div>

</div>

<div class="advent-cell">
<div class="advent-item">
<div class="advent-date">28.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
</div>
<div class="advent-price-tag">£880</div>
</div>

</div>

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

��

mybb@mybb.ru (kent) — Sat, 06 Dec 2025 16:31:15 +0300

[html]<style>
.advent-title {
text-align: center;
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
color: #b30000;
text-shadow: 0 0 6px rgba(255, 200, 150, 0.5), 0 0 2px #fff;
letter-spacing: 1px;
font-family: 'Georgia', serif;
}

.advent-wrapper {
width: 900px;
padding: 20px;
margin: 0 auto;
background: #f6f6f6;
border-radius: 12px;
box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.advent {
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 10px;
}

/* �� */
.advent-item {
box-sizing: border-box;
width: 120px;
background: #ddd;
border-radius: 6px;
border: 1px solid #aaa;
overflow: hidden;
position: relative;
}

/* �� */
.advent-date {
box-sizing: border-box;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 14px;
background: #fff;
border-bottom: 1px solid #aaa;
}

/* ��-�� */
.advent-image {
box-sizing: border-box;
width: 120px;
height: 120px;
background: #e5e5e5;
overflow: hidden;
position: relative;
}

.advent-image img {
box-sizing: border-box;
width: 100%;
height: 100%;
object-fit: cover;
}

/* �� -�� */
.advent-price-tag {
box-sizing: border-box;
position: absolute;
bottom: 6px;
right: 6px;
padding: 4px 5px 4px 20px;
font-size: 12px;
font-weight: bold;
color: #fff;

background: linear-gradient(135deg, #d62828, #b30000);
border: 1px solid rgba(255, 220, 150, 0.7);
border-radius: 6px;

box-shadow: 0 0 6px rgba(255, 200, 150, 0.5);
z-index: 20;
pointer-events: none;
}

/* �� */
.advent-price-tag:before {
box-sizing: border-box;
content: "❄";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
color: #fff;
}
</style>
<div class="advent-title">�� </div>

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

<div class="advent-item">
<div class="advent-date">15.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
<div class="advent-price-tag">£500</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">16.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/568724.png">
<div class="advent-price-tag">£700</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">17.12</div>
<div class="advent-image">
<img src="https://upforme.ru/uploads/001c/85/52/2/981351.png">
<div class="advent-price-tag">£100</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">18.12</div>
<div class="advent-image">
<img src="img/18.jpg">
<div class="advent-price-tag">£300</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">19.12</div>
<div class="advent-image">
<img src="img/19.jpg">
<div class="advent-price-tag">£400</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">20.12</div>
<div class="advent-image">
<img src="img/20.jpg">
<div class="advent-price-tag">£250</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">21.12</div>
<div class="advent-image">
<img src="img/21.jpg">
<div class="advent-price-tag">£900</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">22.12</div>
<div class="advent-image">
<img src="img/22.jpg">
<div class="advent-price-tag">£200</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">23.12</div>
<div class="advent-image">
<img src="img/23.jpg">
<div class="advent-price-tag">£750</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">24.12</div>
<div class="advent-image">
<img src="img/24.jpg">
<div class="advent-price-tag">£350</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">25.12</div>
<div class="advent-image">
<img src="img/25.jpg">
<div class="advent-price-tag">£1000</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">26.12</div>
<div class="advent-image">
<img src="img/26.jpg">
<div class="advent-price-tag">£300</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">27.12</div>
<div class="advent-image">
<img src="img/27.jpg">
<div class="advent-price-tag">£600</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">28.12</div>
<div class="advent-image">
<img src="img/28.jpg">
<div class="advent-price-tag">£150</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">29.12</div>
<div class="advent-image">
<img src="img/29.jpg">
<div class="advent-price-tag">£480</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">30.12</div>
<div class="advent-image">
<img src="img/30.jpg">
<div class="advent-price-tag">£800</div>
</div>
</div>

<div class="advent-item">
<div class="advent-date">31.12</div>
<div class="advent-image">
<img src="img/31.jpg">
<div class="advent-price-tag">£999</div>
</div>
</div>

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

��

mybb@mybb.ru (kent) — Mon, 01 Dec 2025 18:22:10 +0300

[html]
<style>
body {
margin: 0;
padding: 0;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: #222;
font-family: system-ui;
}

/* �� */
.lp-wrapper {
box-sizing: border-box;
background: #f9f9f9;
width: 800px;
height: 470px;
padding: 20px;
position: relative;
overflow: hidden;
border-radius: 10px;
}

/* �� (��/��) */
.bg-split {
box-sizing: border-box;
position: absolute;
inset: 0;
z-index: 0;
display: flex;
flex-direction: column;
}

.bg-top {
box-sizing: border-box;
position: relative;
background: var(--bg-img) center/cover no-repeat;
}

.bg-top::after {
box-sizing: border-box;
content: "";
position: absolute;
inset: 0;
background: rgba(255,255,255,0.5);
}

.bg-bottom {
box-sizing: border-box;
position: relative;
}

/* �� */
.lp-wrapper > *:not(.bg-split) {
box-sizing: border-box;
position: relative;
z-index: 1;
}

/* �� (�� + ��) */
.lp-layout {
box-sizing: border-box;
display: flex;
gap: 20px;
height: 100%;
}

/* ─── �� ─── */
.left-block {
box-sizing: border-box;
width: 200px;
height: 412px;
background: #DCDCDC;
border-radius: 10px;
padding: 10px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
margin-top: -40px;
}

/* �� + �� */
.avatar-wrapper {
position: relative;
width: 160px;
height: 160px;
display: flex;
align-items: center;
justify-content: center;
}

.avatar-frame {
position: absolute;
top: 0;
left: 0;
width: 160px;
height: 160px;
object-fit: cover;
pointer-events: none;
z-index: 2;
}

.avatar-img {
width: 130px;
height: 130px;
object-fit: cover;
z-index: 1;
}

/* �� */
.middle-text {
box-sizing: border-box;
color: #000000;
font-size: 18px;
font-weight: 600;
text-align: center;
margin: 5px 0;
}

/* �� */
.left-bottom-box {
box-sizing: border-box;
background: #c7c7c7;
width: 190px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}

.left-bottom-box .text {
box-sizing: border-box;
font-size: 28px;
font-family: system-ui;
color: #000;
}

/* ─── �� ─── */
.right-blocks {
box-sizing: border-box;
flex: 1;
height: 400px;
display: flex;
flex-wrap: wrap;
gap: 10px;
align-content: flex-start;
margin-top: 2px;
}

.box1 {
box-sizing: border-box;
width: 320px;
height: 180px;
position: relative;

/* �� padding: 10px; */
padding: 10px 15px 10px 20px; /* �� , �� */

background: #e6e6e6;
border-radius: 10px;

box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
overflow: hidden;
}

/* �� */
.icon-grid {
width: calc(100% + 4px);
height: 100%;
display: flex;
flex-wrap: wrap;

column-gap: 5px;
row-gap: 8px;

overflow-y: auto;
padding-right: 0;
margin-right: -4px;
}

/* �� */
.icon-item {
width: 50px;
height: 50px;
background: #ffffffaa;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 0 0 8px rgba(0,0,0,0.25);
}

.icon-item img {
width: 40px;
height: 40px;
object-fit: cover;
pointer-events: none;
}

/* ─── BOX 2 ─── */
.box2 {
box-sizing: border-box;
width: 210px;
height: 180px;
position: relative;

padding: 10px 15px 10px 20px;

background: #e6e6e6;
border-radius: 10px;

box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
overflow: hidden;
}

.icon-grid2 {
display: grid;
grid-template-columns: repeat(3, 50px);
grid-auto-rows: 50px;
column-gap: 5px;
row-gap: 8px;

width: 160px;
height: 100%;

overflow-y: auto;
overflow-x: hidden;
padding-right: 20px;
}

.icon2-item {
width: 50px;
height: 50px;
background: #ffffffaa;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 0 0 8px rgba(0,0,0,0.25);
}

.icon2-item img {
width: 40px;
height: 40px;
object-fit: cover;
pointer-events: none;
}

.box3,
.box4 {
margin-top: 2px;
width: 265px;
height: 180px;
background: #e6e6e6;
border-radius: 10px;
}

/* ─── �� ─── */
.page-title {
position: absolute;
top: 0px;
left: 450px;
font-size: 35px;
font-weight: 600;
font-family: 'Dancing Script', cursive;
color: #2F4F4F;
z-index: 10;
pointer-events: none;
}

/* ─── �� ─── */
.icon-grid::-webkit-scrollbar,
.icon-grid2::-webkit-scrollbar {
width: 5px;
}

.icon-grid::-webkit-scrollbar-track,
.icon-grid2::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
border-radius: 10px;
}

.icon-grid::-webkit-scrollbar-thumb,
.icon-grid2::-webkit-scrollbar-thumb {
background: #2F4F4F;
border-radius: 10px;
}

.icon-grid::-webkit-scrollbar-thumb:hover,
.icon-grid2::-webkit-scrollbar-thumb:hover {
background: #1e3636;
}

</style>

<div class="bg-split">

<div class="bg-top" style="--bg-img: url('https://i.pinimg.com/1200x/26/94/c2/2694c2de1001800cbf535f65ae6b43e9.jpg'); flex:7;"></div>

<div class="bg-bottom" style="background:#2F4F4F; flex:3;"></div>
</div>

<div class="page-title">Lily Verdant</div>

<div class="lp-layout">

<div class="left-block">

<img class="avatar-img" src="https://i.pinimg.com/1200x/9f/88/b9/9f88b92aa49280dd6750d1669b50193c.jpg" alt="avatar">
</div>

<div class="middle-text">��-�� </div>

<div class="left-bottom-box">
<div class="text">Text</div>
</div>

</div>

<div class="right-blocks">
<div class="rb box1">
<div class="icon-grid">
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>
<div class="icon-item">
<img src="https://upforme.ru/uploads/001c/85/52/2/313576.png" alt="">
</div>


</div>
</div>

</div>

[/html]
[hideprofile]

��.

mybb@mybb.ru (kent) — Mon, 04 Aug 2025 22:17:49 +0300

�� :
�� . /��. �� .��
- 10 ��
- �� (��)
- �� -��
��: n-�� , �� .

�� /��
- 5 �� / �� 5 ��
- 200 �� (�� ) / 20 ��
- �� / 10 ��
- � �� / �� "�� " �� ...10 ��
- 30 �� / 40 ��
��: �� n(1 ��), �� -40%(1 ��) / 2 �� , �� -20%, �� (��, ��, ��, ��) ��

��

mybb@mybb.ru (kent) — Sun, 03 Aug 2025 15:24:16 +0300

��:

<!--HTML-->
<div class="html_thems-wrapper"><div class="html_thems-title"><span>���������</span></div>
<div class="html_thems-desc2">������������� ������</div>
<div class="html_thems-desc1">	
������ ��� ������ ����� ����������� ���������. ��� ����������� �� �������� � �����������, ��� ����������� �������� 50 ������� �� ������ ������������ ��������!</div>
</div> <!-- �������� .html_thems-wrapper -->

[hideprofile]

��

mybb@mybb.ru (kent) — Sun, 27 Jul 2025 20:39:20 +0300

�� ! � ��!!!

kent

�������

������ ����

����������

����� �����

��������.

��� �����

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

��

��

��

��

��.

��

��