lily dale design

��

mybb@mybb.ru (storyteller) — Sat, 06 Jun 2026 16:18:33 +0300

� ��
� � ��

��

mybb@mybb.ru (squirrel) — Fri, 05 Jun 2026 14:36:46 +0300

��

mybb@mybb.ru (storyteller) — Fri, 05 Jun 2026 10:31:59 +0300

[html]<style>
/* �� */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

:root {
--body-bg: #5E3831;
--pun-bg: #C6A785;
--sec-bg: #7E4E2D;
--link: #B54E27;
--link-hover: #937C30;
--textcolor: #372010;
--overlay: rgba(181, 78, 39, 0.5);
--topic-overlay: rgba(126, 78, 45, 0.5);
--accent1: #662424;
--accent2: #232A3F;
--accent3: #B54E27;
--pwidth: 240px;
--pad1: 10px 20px;
--pad2: 5px 20px;
--pad3: 5px 10px;
--rad1: 5px;
--pun-radius: 30px;
--rad2: 20px;
--rad3: 3px;
--rad-profile: 10px;
--msr: "Material Symbols Rounded";
--fa: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
--zagolovok: "Crevia";
--body-bg-image: url(https://forumstatic.ru/files/001c/ba/0d/58244.png);
--shapka: url(https://forumstatic.ru/files/001c/ba/0d/26572.png);
--new: url(https://forumstatic.ru/files/001c/ba/0d/12173.png?v=1);
--old: url(https://forumstatic.ru/files/001c/ba/0d/12634.png);
--profile-bg-img: url(https://forumstatic.ru/files/001c/ba/0d/47488.png);
--plashka-img: url(https://forumstatic.ru/files/001c/ba/0d/42813.png);
--up: url(https://forumstatic.ru/files/001c/ba/0d/53092.png);
--down: url(https://forumstatic.ru/files/001c/ba/0d/18248.png);
--b-post-bg: url(https://forumstatic.ru/files/001c/ba/0d/64130.png);
}

/* �� */
.html-main {
width: 100%;
max-width: 1200px;
margin: 0 auto;
background: var(--sec-bg);
border-radius: 25px;
position: relative;
margin-top: 60px;
padding: 30px;
color: var(--pun-bg)
}

/* �� */
.html-header {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -40px;
width: 271px;
height: 66px;
z-index: 10;
}

.html-header img {
width: 271px;
height: 66px;
object-fit: contain;
}

/* �� (�� sub1/sub2) */
.topic-description {
background: var(--accent2);
border-radius: 5px;
padding: 20px;
color: var(--pun-bg);
margin-bottom: 30px;
margin-top: 20px;
line-height: 1.5;
text-align: center;
}

/* �� */
/* �� */
.images-grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
align-items: center;
margin-top: 20px;
}

/* �� */
.grid-image {
width: 80px;
height: 63px;
object-fit: contain;
border-radius: 5px;
transition: transform 0.2s, opacity 0.2s;
}

.grid-image:hover {
transform: scale(1.05);
opacity: 0.9;
}

</style>

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

��

mybb@mybb.ru (storyteller) — Fri, 05 Jun 2026 10:30:50 +0300

[html]<style>
<style>
/* �� */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* �� */
.guestbook-main {
width: 100%;
margin: 0 auto;
background: var(--sec-bg);
border-radius: 25px;
position: relative;
margin-top: 50px;
overflow: hidden;
}

/* �� */
.guestbook-header {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 271px;
height: 66px;
z-index: 10;
top: 5px;
}

.guestbook-header img {
width: 271px;
height: 66px;
object-fit: contain;
}

/* �� */
.guestbook-table {
display: flex;
flex-wrap: nowrap;
gap: 10px;
padding: 0;
}

/* �� (��) � �� */
.column1 {
flex: 0 0 550px;
max-width: 550px;
padding: 0 10px 10px 10px;
display: flex;
flex-direction: column;
border-radius: 16px;
justify-content: flex-start;
}

/* �� AMS � links */
.top-row {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
gap: 15px;
}

/* �� */
.column2 {
flex: 1;
padding: 20px;
border-radius: 16px;
display: flex;
min-width: 0;
}

/* �� */
.guestbook-links-item {
background: var(--accent2);
border-radius: 5px;
min-width: 50px;
height: 15px;
text-align: center;
display: flex;
align-items: center;
padding: 0px 5px 3px 5px;
font-weight: 700;
}

.guestbook-links-item a {
color: var(--pun-bg);
text-decoration: none;
}

.guestbook-links-item:hover {
background: var(--link-hover);
}

/* AMS �� - �� */
.guestbook-ams {
padding: 0;
margin: 0;
display: flex;
gap: 10px;
justify-content: center;
align-items: flex-start;
flex-shrink: 0;
}

/* Links �� - flex � �� */
.guestbook-links {
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: center;
align-items: center;
padding-top: 20px;
flex: 1;
margin-top: 10px;
}

.guesbook-description {
padding: 20px;
margin-top: 0;
color: var(--pun-bg);
}

.guestbook-subtable {
display: flex;
gap: 20px;
flex-wrap: wrap;
align-items: stretch;
}

.sub1, .sub2 {
flex: 1;
min-width: 140px;
display: flex;
flex-direction: column;
background: transparent;
padding: 0;
}

.sub-text {
background: var(--accent2);
border-radius: 5px;
padding: 15px;
color: var(--pun-bg);
flex: 1;
}

.sub1 .guestbook-banner,
.sub2 .guestbook-banner {
width: 100%;
margin-top: 15px;
}

.sub1 .guestbook-banner img,
.sub2 .guestbook-banner img {
width: 100%;
height: auto;
display: block;
border-radius: 5px;
}

.guestbook-banner {
width: 100%;
margin-top: 15px;
}

.guestbook-banner img {
width: 100%;
height: auto;
display: block;
border-radius: 5px;
}

.guestbook-faces-roles {
background: var(--link-hover);
border-radius: 15px;
padding: 25px;
width: 100%;
text-align: center;
}

.guestbook-faces-roles span {
font-weight: 700;
line-height: 13px;
text-align: center;
color: var(--textcolor);
}

.guestbook-faces-roles a {
color: var(--pun-bg);
}

.guestbook-faces-roles a:hover {
color: var(--accent2);
}

/* �� AMS */
.guestbook-ams a {
position: relative;
display: inline-block;
width: 47px;
height: 76px;
text-decoration: none;
}

.guestbook-ams a img {
width: 47px;
height: 76px;
object-fit: cover;
display: block;
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
filter: grayscale(100%);
transition: filter 0.3s ease;
}

/* �� */
.guestbook-ams a .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--topic-overlay);
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
pointer-events: none;
transition: background 0.3s ease;
}

/* �� */
.guestbook-ams a:hover img {
filter: grayscale(0%);
}

.guestbook-ams a:hover .overlay {
background: transparent;
}
</style>

<div class="guestbook-main">
<div class="guestbook-table">
<div class="column1">

<div class="top-row">
<div class="guestbook-ams">
<a href="">
<img src="https://forumavatars.ru/img/avatars/001c/3b/dd/215-1775627478.png">
<div class="overlay"></div>
</a>
<a href="">
<img src="https://forumavatars.ru/img/avatars/001c/3b/dd/215-1775627478.png">
<div class="overlay"></div>
</a>
<a href="">
<img src="https://forumavatars.ru/img/avatars/001c/3b/dd/215-1775627478.png">
<div class="overlay"></div>
</a>
</div>

<div class="guestbook-links">
<div class="guestbook-links-item"><a href="">��</a></div>
<div class="guestbook-links-item"><a href="">��</a></div>
<div class="guestbook-links-item"><a href="">�� -�� </a></div>
<div class="guestbook-links-item"><a href="">� ��</a></div>
<div class="guestbook-links-item"><a href="">��</a></div>
<div class="guestbook-links-item"><a href="">�� </a></div>
</div>
</div>

<div class="guesbook-description">�� -��, �� -�� . ��: 2000 �� . ̸��, �� , �� . �� , �� . �� , �� . �� , �� ... ��-��, �� . �� , �� . �� , �� , �� , �� .</div>

<div class="guestbook-subtable">
<div class="sub1">
<div class="sub-text">
�� : 2026 ��<br>
�� : ��-�� (��, ��, �� , �� ).<br>
��: �� , ��, "�� ".<br>
��: ��<br>
��: ��.<br>
��: ��<br>
��: 18+.
</div>
<div class="guestbook-banner">
<a href="https://samply.app/player/8XOak6zbKtLBUg4TX6bz?si=kxOoLFkNWvbT1geBsiq756QymGj2"><img src="https://upforme.ru/uploads/001c/b5/f3/2/955843.png"></a>
</div>
</div>
<div class="sub2">
<div class="sub-text">
<b>�� :</b><br>
� �� (� �� ).<br>
� �� .<br>
� �� , �� .<br>
� �� . ��, �� , �� .
</div>
<div class="guestbook-banner">
<a href="https://samply.app/p/EidBAvrKjHY8pKZb85XC?si=kxOoLFkNWvbT1geBsiq756QymGj2"><img src="https://upforme.ru/uploads/001c/b5/f3/2/657657.png"></a>
</div>
</div>
</div>
</div>

<div class="column2">
<div class="guestbook-faces-roles">
<span>�� <br>�� & ��</span> <br><br>
<span>��</span><br>
�� - �� <a href="">�� </a> [�� ...]<br><br>
<span>��</span><br>
�� - �� <a href="">�� </a> [�� ...]<br>
</div>
</div>
</div>
</div>[/html][hideprofile]

lily dale design

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

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

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

������ ����

��

��

��

��