.
конкурсы
Сообщений 1 страница 17 из 17
Поделиться22026-04-22 14:45:14
[html]<h4 class="custom_tag_h4" style="
background: url('https://upforme.ru/uploads/001c/1a/2f/357/417009.png');
width: 600px;
height: 80px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
font-size: 20px;
font-weight: bold;
color: white;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
">
БЕСПРОИГРЫШНАЯ ЛОТЕРЕЯ ДЛЯ НОВИЧКОВ
</h4>[/html]
[html]<style>.game-announcement {
background: linear-gradient(135deg, #E8D7B8 0%, #F0E3C9 100%);
border-radius: 16px;
padding: 30px;
color: #5a4a33; /* Тёмно‑коричневый для контраста с фоном */
box-shadow:
0 4px 12px rgba(90, 74, 51, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.6);
border: 1px solid #D4C4A8;
max-width: 520px;
margin: 25px auto;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
}
.game-announcement::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background:
radial-gradient(
circle at 30% 50%,
rgba(255, 255, 255, 0.3) 0%,
transparent 50%
);
transform: rotate(45deg);
pointer-events: none;
animation: shimmer 6s infinite;
}
@keyframes shimmer {
0% { transform: translateX(-100%) rotate(45deg); }
100% { transform: translateX(100%) rotate(45deg); }
}
.game-announcement:hover {
transform: translateY(-8px) scale(1.02);
box-shadow:
0 8px 25px rgba(90, 74, 51, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.game-announcement h2 {
margin: 0 0 20px 0;
text-align: center;
font-size: 24px;
font-weight: 700;
text-shadow: 1px 1px 2px rgba(255, 215, 130, 0.5);
letter-spacing: 1.5px;
color: #7a664d;
}
.game-announcement p {
margin: 0 0 25px 0;
line-height: 1.6;
font-size: 16px;
text-align: center;
font-family: 'Georgia', serif;
}
.game-announcement ul {
list-style: none;
padding: 0;
margin: 25px 0;
}
.game-announcement li {
padding: 12px 0;
font-size: 15px;
display: flex;
align-items: center;
gap: 12px;
animation: fadeInUp 0.6s ease forwards;
opacity: 0;
border-bottom: 1px dashed #D4C4A8;
}
.game-announcement li:last-child {
border-bottom: none;
}
.game-announcement li:nth-child(1) { animation-delay: 0.2s; }
.game-announcement li:nth-child(2) { animation-delay: 0.4s; }
.game-announcement li:nth-child(3) { animation-delay: 0.6s; }
.announcement-footer {
text-align: center;
padding-top: 20px;
border-top: 1px solid #D4C4A8;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: #8a765d;
font-family: sans-serif;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
</style>
<div class="game-announcement">
<p>Скорее выбирай любой сувенир на полке и узнай что спрятано внутри!<br>
Эта акция для тебя, если:</p>
<ul>
<li>🗓️ Дата регистрации твоего профиля не ранее 1 марта</li>
<li>⏱️ Твою анкету уже приняли и ты являешься полноправным жителем Нью-Йорка</li>
<li>🏆 Ты любишь халявушку или просто приятные плюшки за красивые глаза (или что там у тебя ещё есть красивого — всё показывай х) )</li>
</ul>
<div class="announcement-footer">
<span>Успевай принять участие!</span>
</div>
</div>
[/html]
[html]<table align="center" border="1" cellpadding="1" cellspacing="1" style="width: 600px;">
<tbody>
<tr>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>1</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>2</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>3</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>4</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>5</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>6</td>
</tr>
<tr>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>7</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>8</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>9</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>10</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>11</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>12</td>
</tr>
<tr>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>13</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>14</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>15</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>16</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>17</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>18</td>
</tr>
<tr>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>19</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>20</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>21</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>22</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>23</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>24</td>
</tr>
<tr>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>25</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>26</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>27</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>28</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>29</td>
<td style="text-align: center;"><img alt="" src="https://upforme.ru/uploads/001c/1a/2f/357/288254.png"/><br>30</td>
</tr>
</tbody>
</table>
<p> </p>
[/html]
[hideprofile]
[sign] [/sign]
под номером 21 спрятались 600$
*начисляются автоматически, никуда ходить не нужно
Поделиться32026-04-24 18:34:39
[html]<div id="lazy-battle">
<style>
/* Стили действуют только внутри #lazy-battle, не ломая форум */
#lazy-battle, #lazy-battle * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#lazy-battle {
max-width: 850px;
margin: 0 auto;
font-family: 'Montserrat', 'Cormorant Garamond', Georgia, serif;
background-color: #f5f0e8;
padding: 30px 20px;
border-radius: 8px;
background-image: radial-gradient(circle at 20% 30%, #f9f3e7 0%, #e8d9c8 100%);
}
#lazy-battle .magazine-page {
width: 100%;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
padding: 40px 45px;
position: relative;
overflow: hidden;
}
#lazy-battle .magazine-page::before {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 2px dashed #d4b5a3;
border-radius: 4px;
pointer-events: none;
opacity: 0.5;
}
#lazy-battle .block-title {
background-color: #f4e1d2;
color: #3e3a37;
padding: 28px 32px;
text-align: center;
border-radius: 4px;
margin-bottom: 28px;
font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
font-size: 36px;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 1.3;
position: relative;
box-shadow: inset 0 0 0 2px #ffffff, 0 6px 18px rgba(140, 100, 70, 0.15);
}
#lazy-battle .block-title .title-text {
display: inline-block;
vertical-align: middle;
text-shadow: 1px 2px 0 rgba(255,255,255,0.7);
}
#lazy-battle .block-title::after {
content: "🍴 · · · 🍴";
display: block;
font-size: 20px;
letter-spacing: 12px;
margin-top: 10px;
color: #b28b6f;
opacity: 0.7;
}
#lazy-battle .block-info {
background-color: #fefcf9;
color: #4a3f38;
padding: 22px 30px;
border-radius: 4px;
margin-bottom: 26px;
font-size: 14px;
line-height: 1.7;
border-left: 6px solid #d9b8b0;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
text-align: justify;
}
#lazy-battle .block-info p {
margin: 0;
color: #5c4e44;
}
#lazy-battle .highlight {
font-weight: 600;
color: #b8745e;
font-style: italic;
}
#lazy-battle .chefs-row {
display: flex;
gap: 24px;
margin-bottom: 26px;
}
#lazy-battle .chef-card {
flex: 1 1 50%;
background: linear-gradient(145deg, #f7f1ea 0%, #e5d9cc 100%);
border-radius: 6px;
padding: 24px 18px 20px;
text-align: center;
font-size: 14px;
line-height: 1.6;
color: #3e3832;
box-shadow: 0 5px 14px rgba(0,0,0,0.06);
border: 1px solid #e2d4c7;
display: flex;
flex-direction: column;
align-items: center;
}
#lazy-battle .chef-avatar {
width: 110px;
height: 110px;
border-radius: 50%;
margin-bottom: 14px;
border: 4px solid #f2e0d5;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
object-fit: cover;
background: radial-gradient(circle at 30% 30%, #f9f2e7, #dcc8b4);
}
#lazy-battle .chef-card.card-3 {
background: linear-gradient(145deg, #fdf2f0, #f2ddd6);
border: 1px solid #e7cec3;
}
#lazy-battle .chef-card.card-3 .chef-avatar {
background: radial-gradient(circle at 30% 30%, #ffe9e2, #e7bba8);
}
#lazy-battle .chef-card.card-4 {
background: linear-gradient(145deg, #f4f0ec, #e1d7cc);
border: 1px solid #d7c9bb;
}
#lazy-battle .chef-card.card-4 .chef-avatar {
background: radial-gradient(circle at 30% 30%, #f2ede7, #cfbeac);
}
#lazy-battle .chef-name {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 19px;
letter-spacing: 0.5px;
margin: 6px 0 8px;
color: #5d4037;
border-bottom: 2px dotted #c9a78b;
display: inline-block;
padding-bottom: 5px;
text-decoration: none;
}
#lazy-battle .chef-card a {
color: #8b5a4b;
text-decoration: none;
font-weight: 500;
border-bottom: 1px dashed #c09580;
transition: color 0.2s;
font-size: 14px;
}
#lazy-battle .chef-card a:hover {
color: #5d3227;
border-bottom-color: #5d3227;
}
#lazy-battle .chef-desc {
font-size: 14px;
color: #4d4238;
margin: 10px 0 6px;
font-style: italic;
font-weight: 400;
}
#lazy-battle .block-text {
background-color: #fefefe;
color: #3b332c;
padding: 22px 30px;
border-radius: 4px;
margin-bottom: 26px;
font-size: 14px;
line-height: 1.7;
text-align: justify;
border-right: 6px solid #c9b2a6;
box-shadow: 0 3px 10px rgba(0,0,0,0.04);
border: 1px solid #e5d9cf;
}
#lazy-battle .block-text p {
margin: 0;
color: #4e433b;
}
#lazy-battle .results-row {
display: flex;
gap: 24px;
margin-bottom: 10px;
}
#lazy-battle .result-card {
flex: 1 1 50%;
border-radius: 6px;
padding: 24px 18px;
text-align: center;
font-size: 14px;
line-height: 1.6;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #3a3029;
border: 1px solid #d9cabb;
}
#lazy-battle .result-avatar {
width: 70px;
height: 70px;
border-radius: 50%;
margin-bottom: 12px;
border: 3px solid #f0e0d2;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
object-fit: cover;
background: radial-gradient(circle at 30% 30%, #faf3eb, #cfbcab);
}
#lazy-battle .result-card.card-6 {
background: linear-gradient(145deg, #fce9e4, #f1d4ca);
border: 1px solid #e3bfb2;
}
#lazy-battle .result-card.card-6 .result-avatar {
background: radial-gradient(circle at 30% 30%, #ffe5dd, #e0b7a6);
}
#lazy-battle .result-card.card-7 {
background: linear-gradient(145deg, #ece2d6, #d6c5b3);
border: 1px solid #c4b09c;
}
#lazy-battle .result-card.card-7 .result-avatar {
background: radial-gradient(circle at 30% 30%, #f3ede5, #c8b59c);
}
#lazy-battle .result-chef-name {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.6px;
color: #4e342e;
margin-bottom: 6px;
}
#lazy-battle .result-score {
font-size: 28px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
color: #7d5a4b;
margin: 6px 0;
}
#lazy-battle .result-bar {
width: 80%;
height: 10px;
background-color: #d3bfb1;
border-radius: 20px;
margin: 8px auto;
overflow: hidden;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
#lazy-battle .result-fill {
height: 100%;
border-radius: 20px;
}
#lazy-battle .card-6 .result-fill {
background: linear-gradient(90deg, #dba18c, #c1725c);
}
#lazy-battle .card-7 .result-fill {
background: linear-gradient(90deg, #b5a18b, #8b7662);
}
#lazy-battle .result-votes {
font-size: 13px;
color: #5f5043;
margin-top: 5px;
font-weight: 400;
}
@media (max-width: 650px) {
#lazy-battle .magazine-page {
padding: 25px 20px;
}
#lazy-battle .chefs-row,
#lazy-battle .results-row {
flex-direction: column;
gap: 18px;
}
#lazy-battle .block-title {
font-size: 24px;
padding: 20px 16px;
}
}
</style>
<div class="magazine-page">
<!-- БЛОК 1: Заголовок -->
<div class="block-title">
<span class="title-text">Ленивая кулинарная битва</span>
</div>
<!-- БЛОК 2: Информация о конкурсе -->
<div class="block-info">
<p>
<span class="highlight">Добро пожаловать на самую ленивую кулинарную дуэль!</span>
В левом углу ринга — Шеф Панда, мастер бамбуковой кухни и рекордсмен по сну на разделочной доске.
В правом — Шеф Хомяк, гений микрозапасов и король потайных карманов.
Пока Панда медитировала над рисом и уснула лицом в миске,
Хомяк шустро перетащил все ингредиенты к себе в нору и заявил, что это «молекулярная кухня»! <br>
Помоги шефам справедливо распределить ингредиенты в этом хаосе, чтобы приготовить своё коронное блюдо и одержать победу в кулинарной битве.
</p>
</div>
<!-- БЛОК 3 и БЛОК 4: Шеф-повара -->
<div class="chefs-row">
<!-- БЛОК 3: Панда -->
<div class="chef-card card-3">
<img src="https://upforme.ru/uploads/001c/1a/2f/357/43443.png"
alt="Шеф Панда"
class="chef-avatar">
<span class="chef-name">Шеф Панда «Бамбук-сан»</span>
<p class="chef-desc">
Готовлю только из того, что можно жевать лёжа. Моё фирменное блюдо — «Сонный стир-фрай»:
кидаешь бамбук в сковороду и засыпаешь. Через три часа всё готово, или ты всё ещё спишь — не важно, всё равно вкусно. <br>
Вступай в команду Панды, мой бамбуковый росточек!
</p>
</div>
<!-- БЛОК 4: Хомяк -->
<div class="chef-card card-4">
<img src="https://upforme.ru/uploads/001c/1a/2f/357/969629.png"
alt="Шеф Хомяк"
class="chef-avatar">
<span class="chef-name">Шеф Хомяк «Запасливый Гурман»</span>
<p class="chef-desc">
Зачем готовить, если всё уже лежит в укромных местах? Моя магия — пищевые запасы.
Достаю из секретного склада, раскладываю по тарелкам — и ужин готов! Коронный рецепт: «Тыквенные семечки под шубой из сена».<br>
Помоги мне одержать победу, семечка души моей!
</p>
</div>
</div>
<!-- БЛОК 5: Текст хода битвы -->
<div class="block-text">
<p>
А что выберешь ты: медитативную лень или запасливый хаос? <br>
Итак, твоя первая задача <b>выбрать команду</b>, но чтобы было интереснее, свой выбор оставляй под <b>скрытым текстом</b>. <br>
Присоединиться к командам можно в любое время до <b>03.05</b>. <br>
Помимо выбора команды под скрытым текстом тебе нужно указать сколько <b>сообщений</b> ты уже успел нащёлкать к моменту регистрации в конкурсе (самая первая цифра под твоим профилем, где репка и бабосы). Форму для регистрации ты найдёшь в самом конце сообщения.<br><br>
После регистрации мгновенно начинается самая <b>ленивая</b> битва, поскольку ничего особенного для неё делать не нужно: флуди, активничай, играй, оставляй заявки, пиши посты — количество набранных тобой сообщений имеет прямое влияние на результаты твоей команды. Кстати, каждый написанный пост удваивает количество набранных за день тобой сообщений. <br><br>
Каждый день (начиная с 26.04) будут подводиться промежуточные итоги, чтобы держать тебя в курсе. А <b>03.05</b> будет определена команда победителей. <b>Будь уверен, шеф щедро вознаградит своих поварят!</b>
</p>
</div>
<!-- БЛОК 6 и БЛОК 7: Результаты голосования -->
<div class="results-row">
<!-- БЛОК 6: Результат Панды -->
<div class="result-card card-6">
<img src="https://upforme.ru/uploads/001c/1a/2f/357/43443.png"
alt="Панда"
class="result-avatar">
<div class="result-chef-name">Шеф Панда</div>
<div class="result-score">0%</div>
<div class="result-bar">
<div class="result-fill" style="width: 0%;"></div>
</div>
<div class="result-votes">0 голосов</div>
<div style="margin-top: 6px; font-size:13px; color:#5d4037;">Случится ли «Бамбуковый транс» </div>
</div>
<!-- БЛОК 7: Результат Хомяка -->
<div class="result-card card-7">
<img src="https://upforme.ru/uploads/001c/1a/2f/357/969629.png"
alt="Хомяк"
class="result-avatar">
<div class="result-chef-name">Шеф Хомяк</div>
<div class="result-score">0%</div>
<div class="result-bar">
<div class="result-fill" style="width: 0%;"></div>
</div>
<div class="result-votes">0 голосов</div>
<div style="margin-top: 6px; font-size:13px; color:#4e3f32;">или это будет «Щекастый триумф»?</div>
</div>
</div>
</div>
</div>[/html]
[hide=999999999999] [b]Я выбираю команду:[/b] твой ответ [b]На момент этого сообщения у меня:[/b] цифра уже имеющихся у тебя сообщений [/hide]
[sign] [/sign]
Поделиться42026-04-24 21:18:50
[html]<div id="intermediate-results">
<style>
#intermediate-results, #intermediate-results * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#intermediate-results {
max-width: 850px;
margin: 0 auto;
font-family: 'Montserrat', 'Cormorant Garamond', Georgia, serif;
}
#intermediate-results .results-row {
display: flex;
gap: 24px;
margin-bottom: 10px;
}
#intermediate-results .result-card {
flex: 1 1 50%;
border-radius: 6px;
padding: 24px 18px;
text-align: center;
font-size: 14px;
line-height: 1.6;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #3a3029;
border: 1px solid #d9cabb;
}
#intermediate-results .result-avatar {
width: 70px;
height: 70px;
border-radius: 50%;
margin-bottom: 12px;
border: 3px solid #f0e0d2;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
object-fit: cover;
background: radial-gradient(circle at 30% 30%, #faf3eb, #cfbcab);
}
/* Блок Панды (пудрово-розовый) */
#intermediate-results .result-card.card-6 {
background: linear-gradient(145deg, #fce9e4, #f1d4ca);
border: 1px solid #e3bfb2;
}
#intermediate-results .result-card.card-6 .result-avatar {
background: radial-gradient(circle at 30% 30%, #ffe5dd, #e0b7a6);
}
#intermediate-results .card-6 .result-fill {
background: linear-gradient(90deg, #dba18c, #c1725c);
}
/* Блок Хомяка (серо-бежевый) */
#intermediate-results .result-card.card-7 {
background: linear-gradient(145deg, #ece2d6, #d6c5b3);
border: 1px solid #c4b09c;
}
#intermediate-results .result-card.card-7 .result-avatar {
background: radial-gradient(circle at 30% 30%, #f3ede5, #c8b59c);
}
#intermediate-results .card-7 .result-fill {
background: linear-gradient(90deg, #b5a18b, #8b7662);
}
#intermediate-results .result-chef-name {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.6px;
color: #4e342e;
margin-bottom: 6px;
}
#intermediate-results .result-score {
font-size: 28px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
color: #7d5a4b;
margin: 6px 0;
}
#intermediate-results .result-bar {
width: 80%;
height: 10px;
background-color: #d3bfb1;
border-radius: 20px;
margin: 8px auto;
overflow: hidden;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
#intermediate-results .result-fill {
height: 100%;
border-radius: 20px;
}
#intermediate-results .result-votes {
font-size: 13px;
color: #5f5043;
margin-top: 5px;
font-weight: 400;
}
@media (max-width: 650px) {
#intermediate-results .results-row {
flex-direction: column;
gap: 18px;
}
}
</style>
<div class="results-row">
<!-- БЛОК ПАНДЫ -->
<div class="result-card card-6">
<img src="https://upforme.ru/uploads/001c/1a/2f/357/43443.png"
alt="Панда"
class="result-avatar">
<div class="result-chef-name">Шеф Панда</div>
<div class="result-score">48%</div>
<div class="result-bar">
<div class="result-fill" style="width: 48%;"></div>
</div>
<div class="result-votes">1 128 голосов</div>
<div style="margin-top: 6px; font-size:13px; color:#5d4037;">
«Бамбуковый транс» — почти нирвана.
</div>
</div>
<!-- БЛОК ХОМЯКА -->
<div class="result-card card-7">
<img src="https://upforme.ru/uploads/001c/1a/2f/357/969629.png"
alt="Хомяк"
class="result-avatar">
<div class="result-chef-name">Шеф Хомяк</div>
<div class="result-score">52%</div>
<div class="result-bar">
<div class="result-fill" style="width: 52%;"></div>
</div>
<div class="result-votes">1 230 голосов</div>
<div style="margin-top: 6px; font-size:13px; color:#4e3f32;">
«Щекастый триумф» — запасы решают всё!
</div>
</div>
</div>
</div>[/html]
Поделиться52026-04-27 16:07:47
[html]<div id="pazzlomania-20" class="glossy-news">
<style>
/* === Стили только для этого сообщения === */
#pazzlomania-20.glossy-news {
--accent-yellow: #F9E076;
--deep-green: #2E5A3E;
--white: #FFFFFF;
--soft-gray: #E8E8E8;
--dark-gray: #2B2B2B;
--link-color: #2E5A3E;
--link-hover: #D4A017;
font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px; /* было 14px → теперь весь текст 12px */
line-height: 1.6;
color: var(--dark-gray);
background: var(--soft-gray);
max-width: 1000px;
margin: 0 auto;
padding: 25px 30px 20px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}
@import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&family=Playfair+Display:wght@600;700&display=swap');
#pazzlomania-20 .journal-header {
font-family: 'Viaoda Libre', cursive;
font-weight: 400;
font-size: 46px;
letter-spacing: 3px;
color: var(--dark-gray);
text-align: center;
margin: 0 0 8px;
line-height: 1.2;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
#pazzlomania-20 .journal-header img {
width: 60px;
height: 60px;
object-fit: contain;
}
#pazzlomania-20 .journal-divider {
width: 80px;
height: 3px;
background: var(--accent-yellow);
margin: 12px auto 28px;
border-radius: 2px;
}
#pazzlomania-20 .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 26px; /* заголовки остаются крупными */
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 16px;
padding-bottom: 8px;
border-bottom: 2px solid var(--accent-yellow);
position: relative;
}
#pazzlomania-20 .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 50px;
height: 2px;
background: var(--deep-green);
}
#pazzlomania-20 a {
color: var(--link-color);
text-decoration: none;
font-weight: 600;
transition: color 0.2s, border-bottom 0.2s;
border-bottom: 1px solid transparent;
}
#pazzlomania-20 a:hover {
color: var(--link-hover);
border-bottom-color: var(--link-hover);
}
#pazzlomania-20 .row {
display: flex;
gap: 24px;
margin-bottom: 28px;
align-items: flex-start;
}
#pazzlomania-20 .row:last-child {
margin-bottom: 0;
}
/* Блоки 2 и 3 — теперь одинаковой ширины */
#pazzlomania-20 .story-block {
flex: 1 1 0%; /* равное распределение пространства */
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--white);
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
min-width: 0;
word-wrap: break-word;
}
#pazzlomania-20 .side-block {
flex: 1 1 0%; /* раньше было 0 0 220px — теперь такая же гибкая ширина */
background: var(--white);
padding: 20px 18px;
border-radius: 6px;
border: 1px solid var(--accent-yellow);
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
#pazzlomania-20 .spoiler-block {
flex: 1;
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--white);
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
#pazzlomania-20 details {
margin-top: 16px;
background: var(--soft-gray);
border-radius: 6px;
padding: 12px 16px;
}
#pazzlomania-20 summary {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 12px; /* весь текст 12px */
letter-spacing: 0.5px;
color: var(--dark-gray);
cursor: pointer;
list-style: none;
outline: none;
display: flex;
align-items: center;
gap: 8px;
}
#pazzlomania-20 summary::before {
content: '▸';
display: inline-block;
transition: transform 0.2s;
font-size: 12px; /* согласовано с общим размером */
color: var(--deep-green);
}
#pazzlomania-20 details[open] summary::before {
transform: rotate(90deg);
}
#pazzlomania-20 .spoiler-image {
margin-top: 12px;
max-width: 100%;
border-radius: 6px;
border: 1px solid var(--soft-gray);
display: block;
}
@media (max-width: 750px) {
#pazzlomania-20 .row {
flex-direction: column;
}
#pazzlomania-20 .side-block {
flex: unset;
width: 100%;
}
}
</style>
<div class="journal-header">
Паззломания 2.0
<img src="https://upforme.ru/uploads/001c/1a/2f/357/576191.png?img=28" alt="Паззл-иконка">
</div>
<div class="journal-divider"></div>
<div class="row">
<div class="story-block">
<div class="block-title">Шаг 1</div>
<p>
Раз в неделю в этой теме будут публиковаться три паззла — <b>лёгкий</b>, сборка которого даст вам быстрые 50$, <b>средний</b> и <b>сложный</b>, сборка которых вам даст 150$ и 300$ соответственно.
</p>
<p>
<b>Как собирать</b>: открываете интересующий вас паззл под спойлером и собираете. Для тех, кто любит собирать не щурясь в маленький экран, в правом нижнем углу паззла есть волшебная кнопка открыть его на весь экран: <img src="https://forumstatic.ru/files/001c/1a/2f/72111.png?img=28" alt="на весь экран">
</p>
</div>
<div class="side-block">
<div class="block-title">Шаг 2</div>
<p style="font-style:italic; color: var(--deep-green);">
<b>После того как собрали</b>: делаете скриншот с собранным паззлом, его ценой и вашим временем, выкладываете скриншот(ы) <u><b>под спойлер</b></u>.
АМС начислит вам ваши честно заработанные в этой же теме.
</p>
<p style="margin-top: 10px; opacity:0.6;">
Идти в банк для начисления не нужно
</p>
</div>
</div>
<div class="row">
<div class="spoiler-block">
<div class="block-title">Важное условие</div>
<p>
<b>ВНИМАНИЕ! ЗА $$$ ЗАСЧИТЫВАЮТСЯ ПАЗЗЛЫ ТОЛЬКО <u>ТЕКУЩЕЙ НЕДЕЛИ</u></b><br>
<b>ВСЕ ПРЕДЫДУЩИЕ ПАЗЗЛЫ СОБИРАЮТСЯ ВАМИ ИСКЛЮЧИТЕЛЬНО В МЕДИТАТИВНЫХ ЦЕЛЯХ И ИЗ ЛЮБВИ К ПАЗЗЛАМ.</b>
</p>
<details>
<summary>открыть спойлер</summary>
<img src="https://forumstatic.ru/files/001c/1a/2f/84414.png?img=28"
alt="Загадочный скриншот"
class="spoiler-image">
</details>
</div>
</div>
</div>[/html]
Поделиться62026-04-27 16:46:35
[html]<div id="pazzlomania-spoilers" class="glossy-news">
<style>
#pazzlomania-spoilers.glossy-news {
--accent-yellow: #F9E076;
--deep-green: #2E5A3E;
--white: #FFFFFF;
--soft-gray: #E8E8E8;
--dark-gray: #2B2B2B;
--link-color: #2E5A3E;
--link-hover: #D4A017;
font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: var(--dark-gray);
background: var(--soft-gray);
max-width: 1000px;
margin: 0 auto;
padding: 25px 30px 20px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}
@import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&family=Playfair+Display:wght@600;700&display=swap');
#pazzlomania-spoilers .journal-header {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 24px; /* основная строка 24px */
letter-spacing: 0.7px;
color: var(--dark-gray);
margin: 0 0 24px;
padding-bottom: 10px;
border-bottom: 2px solid var(--accent-yellow);
position: relative;
text-align: left;
line-height: 1.3;
}
#pazzlomania-spoilers .journal-header .sub-header {
display: block;
font-size: 18px; /* вторая строка 18px */
font-weight: 600; /* чуть легче, но всё ещё выразительно */
margin-top: 4px;
letter-spacing: 0.4px;
}
#pazzlomania-spoilers .journal-header::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 60px;
height: 2px;
background: var(--deep-green);
}
#pazzlomania-spoilers details {
background: var(--white);
border-radius: 6px;
margin-bottom: 16px;
padding: 16px 20px;
border: 1px solid var(--accent-yellow);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
transition: all 0.2s;
}
#pazzlomania-spoilers details:last-child {
margin-bottom: 0;
}
#pazzlomania-spoilers details[open] {
border-color: var(--deep-green);
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
#pazzlomania-spoilers summary {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.4px;
color: var(--dark-gray);
cursor: pointer;
list-style: none;
outline: none;
display: flex;
align-items: center;
gap: 8px;
user-select: none;
}
#pazzlomania-spoilers summary::before {
content: '▸';
display: inline-block;
transition: transform 0.2s;
font-size: 14px;
color: var(--deep-green);
}
#pazzlomania-spoilers details[open] summary::before {
transform: rotate(90deg);
}
#pazzlomania-spoilers .spoiler-content {
margin-top: 14px;
padding-top: 12px;
border-top: 1px dashed var(--accent-yellow);
color: var(--dark-gray);
}
#pazzlomania-spoilers .spoiler-content img {
max-width: 100%;
border-radius: 4px;
margin-top: 8px;
display: block;
}
</style>
<div class="journal-header">
Тема недели:<br>
<span class="sub-header">в Нью-Йорке не бывает плохой погоды</span>
</div>
<details>
<summary>Лёгкий паззл (50$)</summary>
<div class="spoiler-content">
<p>Соберите этот несложный паззл, чтобы заработать первые 50$. Идеально для разминки.</p>
<iframe src="https://www.jigsawplanet.com/?rc=play&pid=3177961861c0&view=iframe" style="width:100%;height:600px" frameborder="0" allowfullscreen></iframe>
</div>
</details>
<details>
<summary>Средний паззл (150$)</summary>
<div class="spoiler-content">
<p>Уровень посложнее. Стоит постараться — награда 150$.</p>
<iframe src="https://www.jigsawplanet.com/?rc=play&pid=2d729578a0a9&view=iframe" style="width:100%;height:600px" frameborder="0" allowfullscreen></iframe>
</div>
</details>
<details>
<summary>Сложный паззл (300$)</summary>
<div class="spoiler-content">
<p>Только для самых терпеливых. Приз — целых 300$!</p>
<iframe src="https://www.jigsawplanet.com/?rc=play&pid=22f82cc8c1bc&view=iframe" style="width:100%;height:600px" frameborder="0" allowfullscreen></iframe>
</div>
</details>
</div>[/html]
Поделиться72026-05-03 19:20:44
ИТОГИ БИТВЫ
[html]<div id="intermediate-results">
<style>
#intermediate-results, #intermediate-results * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#intermediate-results {
max-width: 850px;
margin: 0 auto;
font-family: 'Montserrat', 'Cormorant Garamond', Georgia, serif;
}
#intermediate-results .results-row {
display: flex;
gap: 24px;
margin-bottom: 10px;
}
#intermediate-results .result-card {
flex: 1 1 50%;
border-radius: 6px;
padding: 24px 18px;
text-align: center;
font-size: 14px;
line-height: 1.6;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #3a3029;
border: 1px solid #d9cabb;
}
#intermediate-results .result-avatar {
width: 70px;
height: 70px;
border-radius: 50%;
margin-bottom: 12px;
border: 3px solid #f0e0d2;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
object-fit: cover;
background: radial-gradient(circle at 30% 30%, #faf3eb, #cfbcab);
}
/* Блок Панды (пудрово-розовый) */
#intermediate-results .result-card.card-6 {
background: linear-gradient(145deg, #fce9e4, #f1d4ca);
border: 1px solid #e3bfb2;
}
#intermediate-results .result-card.card-6 .result-avatar {
background: radial-gradient(circle at 30% 30%, #ffe5dd, #e0b7a6);
}
#intermediate-results .card-6 .result-fill {
background: linear-gradient(90deg, #dba18c, #c1725c);
}
/* Блок Хомяка (серо-бежевый) */
#intermediate-results .result-card.card-7 {
background: linear-gradient(145deg, #ece2d6, #d6c5b3);
border: 1px solid #c4b09c;
}
#intermediate-results .result-card.card-7 .result-avatar {
background: radial-gradient(circle at 30% 30%, #f3ede5, #c8b59c);
}
#intermediate-results .card-7 .result-fill {
background: linear-gradient(90deg, #b5a18b, #8b7662);
}
#intermediate-results .result-chef-name {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.6px;
color: #4e342e;
margin-bottom: 6px;
}
#intermediate-results .result-score {
font-size: 28px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
color: #7d5a4b;
margin: 6px 0;
}
#intermediate-results .result-bar {
width: 80%;
height: 10px;
background-color: #d3bfb1;
border-radius: 20px;
margin: 8px auto;
overflow: hidden;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
#intermediate-results .result-fill {
height: 100%;
border-radius: 20px;
}
#intermediate-results .result-votes {
font-size: 13px;
color: #5f5043;
margin-top: 5px;
font-weight: 400;
}
@media (max-width: 650px) {
#intermediate-results .results-row {
flex-direction: column;
gap: 18px;
}
}
</style>
<div class="results-row">
<!-- БЛОК ПАНДЫ -->
<div class="result-card card-6">
<img src="https://upforme.ru/uploads/001c/1a/2f/357/215980.png"
alt="Панда"
class="result-avatar">
<div class="result-chef-name">Шеф Панда</div>
<div class="result-score">20%</div>
<div class="result-bar">
<div class="result-fill" style="width: 20%;"></div>
</div>
<div class="result-votes">128 голосов</div>
<div style="margin-top: 6px; font-size:13px; color:#5d4037;">
«Бамбуковый транс» — почти нирвана.
</div>
</div>
<!-- БЛОК ХОМЯКА -->
<div class="result-card card-7">
<img src="https://upforme.ru/uploads/001c/1a/2f/357/453301.png"
alt="Хомяк"
class="result-avatar">
<div class="result-chef-name">Шеф Хомяк</div>
<div class="result-score">80%</div>
<div class="result-bar">
<div class="result-fill" style="width: 80%;"></div>
</div>
<div class="result-votes">518 голосов</div>
<div style="margin-top: 6px; font-size:13px; color:#4e3f32;">
«Щекастый триумф» — запасы решают всё!
</div>
</div>
</div>
</div>[/html]
[html]<div id="contest-results">
<style>
/* Шрифты для красоты (если форум их не грузит) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap');
#contest-results, #contest-results * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#contest-results {
max-width: 850px;
margin: 0 auto;
font-family: 'Montserrat', 'Cormorant Garamond', Georgia, serif;
}
#contest-results .result-block {
display: flex;
align-items: center;
gap: 24px;
background: linear-gradient(145deg, #fdf2f0, #f2ddd6); /* пудрово-розовый фон */
border: 1px solid #e7cec3;
border-radius: 8px;
padding: 24px 28px;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
margin: 10px 0;
}
/* Если победитель — Панда, можно сменить класс на .panda-win (градиент поправить) */
#contest-results .winner-avatar {
width: 100px;
height: 100px;
border-radius: 50%;
border: 4px solid #f2e0d5;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
object-fit: cover;
background: radial-gradient(circle at 30% 30%, #ffe9e2, #e7bba8);
flex-shrink: 0;
}
#contest-results .congrat-text {
font-size: 14px;
line-height: 1.7;
color: #4a3f38;
}
#contest-results .congrat-text h2 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 22px;
font-weight: 700;
color: #5d4037;
margin-bottom: 8px;
letter-spacing: 0.3px;
border-bottom: 2px dotted #c9a78b;
display: inline-block;
padding-bottom: 4px;
}
#contest-results .congrat-text p {
margin: 6px 0;
}
#contest-results .congrat-text .winner-name {
font-weight: 700;
font-size: 16px;
color: #b8745e;
}
@media (max-width: 600px) {
#contest-results .result-block {
flex-direction: column;
text-align: center;
gap: 16px;
}
#contest-results .winner-avatar {
width: 80px;
height: 80px;
}
}
</style>
<div class="result-block">
<!-- Аватар победителя -->
<img src="https://upforme.ru/uploads/001c/1a/2f/357/453301.png"
alt="Победитель"
class="winner-avatar">
<div class="congrat-text">
<h2>🏆 Итоги ленивой битвы 🏆</h2>
<p>
<span class="winner-name">Шеф Хомяк «Запасливый Гурман»</span>
одержал победу с результатом <strong>80%</strong> голосов!
</p>
<p>
Ну что ж, запасливость и уютный хаос оказались сильнее бамбуковой медитации. Хомяки просто порвали медвежат х) Во-первых, взяли числом! А во-вторых, были какими-то нереально активными. Спасибо каждому, кто принял участие.
</p>
<p style="font-style:italic; margin-top:10px;">
Спасибо всем поварятам за участие! Каждое ваше сообщение было важным для Шефа. И в знак благодарности каждому участнику начисляется по <b>500$ </b> призовых на личный счёт. <br>
А Шеф Панда обещает выспаться и взять реванш в следующем соревновании!
</p>
</div>
</div>
</div>[/html]
[hideprofile]
[sign] [/sign]
Поделиться82026-05-05 16:17:26
[html]<div id="yellowstone-contest">
<style>
/* Шрифты */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap');
#yellowstone-contest, #yellowstone-contest * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#yellowstone-contest {
max-width: 850px;
margin: 0 auto;
font-family: 'Montserrat', 'Cormorant Garamond', Georgia, serif;
}
#yellowstone-contest .adventure-block {
display: flex;
align-items: center;
gap: 24px;
/* Коричнево-золотой фон с зелёным отливом */
background: linear-gradient(145deg, #d2b48c, #f5deb3);
border: 2px solid #b8860b; /* золотистая рамка */
border-radius: 12px;
padding: 28px 32px;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
margin: 10px 0;
position: relative;
}
/* Декоративные листочки по бокам */
#yellowstone-contest .adventure-block::before,
#yellowstone-contest .adventure-block::after {
content: "🌿";
font-size: 24px;
position: absolute;
opacity: 0.6;
}
#yellowstone-contest .adventure-block::before {
top: 8px;
left: 12px;
}
#yellowstone-contest .adventure-block::after {
bottom: 8px;
right: 12px;
}
#yellowstone-contest .avatar-elk {
width: 110px;
height: 110px;
border-radius: 50%;
border: 4px solid #b8860b; /* золотая обводка */
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
object-fit: cover;
background: radial-gradient(circle at 30% 30%, #e6d5b8, #a67c52);
flex-shrink: 0;
}
#yellowstone-contest .welcome-text {
font-size: 14px;
line-height: 1.7;
color: #4a3724; /* тёмно-коричневый */
}
#yellowstone-contest .welcome-text h2 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 24px;
font-weight: 700;
color: #2d5e2c; /* зелёный */
margin-bottom: 8px;
letter-spacing: 0.3px;
border-bottom: 2px dotted #b8860b;
display: inline-block;
padding-bottom: 4px;
}
#yellowstone-contest .welcome-text p {
margin: 6px 0;
}
@media (max-width: 600px) {
#yellowstone-contest .adventure-block {
flex-direction: column;
text-align: center;
gap: 16px;
}
#yellowstone-contest .avatar-elk {
width: 90px;
height: 90px;
}
}
</style>
<div class="adventure-block">
<!-- Аватар – лось (замените ссылку на свою картинку) -->
<img src="https://upforme.ru/uploads/001c/1a/2f/357/662096.png"
class="avatar-elk">
<div class="welcome-text">
<p>
Добро пожаловать в самый знаменитый национальный парк! <br>
Вы приехали на экскурсию, но засмотрелись на диких белок и опоздали на автобус! У вас за спиной небольшой рюкзак с припасами, компас, карта, фонарик и спички.
</p>
<p>
<strong>Ваша задача:</strong> доберитесь до лагеря первым, чтобы вертолёт спасателей отвёз вас домой.
Готовы отправиться в путь?
</p>
<p style="font-style:normal; margin-top:10px; color:#2d5e2c;">
<strong>Правила участия:</strong><br>
*принять участие можно в любой момент до окончания игры<br>
*игра длится до тех пор, пока кто-то из участников не доберётся до ФИНИША<br>
*в день вы можете совершить 4 броска (можно сразу бросить кубик 4 раза в одном сообщении)<br>
*следующий ход возможен только после сообщения ведущего с обновленной картой игры
</p>
</div>
</div>
</div>[/html]
[html]<div id="yellowstone-contest">
<style>
/* Шрифты */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap');
#yellowstone-contest, #yellowstone-contest * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#yellowstone-contest {
max-width: 850px;
margin: 0 auto;
font-family: 'Montserrat', 'Cormorant Garamond', Georgia, serif;
}
#yellowstone-contest .adventure-block {
display: flex;
align-items: center;
gap: 24px;
/* Коричнево-золотой фон с зелёным отливом */
background: linear-gradient(145deg, #d2b48c, #f5deb3);
border: 2px solid #b8860b; /* золотистая рамка */
border-radius: 12px;
padding: 28px 32px;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
margin: 10px 0;
position: relative;
}
/* Декоративные листочки по бокам */
#yellowstone-contest .adventure-block::before,
#yellowstone-contest .adventure-block::after {
content: "🌿";
font-size: 24px;
position: absolute;
opacity: 0.6;
}
#yellowstone-contest .adventure-block::before {
top: 8px;
left: 12px;
}
#yellowstone-contest .adventure-block::after {
bottom: 8px;
right: 12px;
}
#yellowstone-contest .avatar-elk {
width: 110px;
height: 110px;
border-radius: 50%;
border: 4px solid #b8860b; /* золотая обводка */
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
object-fit: cover;
background: radial-gradient(circle at 30% 30%, #e6d5b8, #a67c52);
flex-shrink: 0;
}
#yellowstone-contest .welcome-text {
font-size: 14px;
line-height: 1.7;
color: #4a3724; /* тёмно-коричневый */
}
#yellowstone-contest .welcome-text h2 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 24px;
font-weight: 700;
color: #2d5e2c; /* зелёный */
margin-bottom: 8px;
letter-spacing: 0.3px;
border-bottom: 2px dotted #b8860b;
display: inline-block;
padding-bottom: 4px;
}
#yellowstone-contest .welcome-text p {
margin: 6px 0;
}
@media (max-width: 600px) {
#yellowstone-contest .adventure-block {
flex-direction: column;
text-align: center;
gap: 16px;
}
#yellowstone-contest .avatar-elk {
width: 90px;
height: 90px;
}
}
</style>
<div class="adventure-block">
<div class="welcome-text">
<p style="font-style:normal; margin-top:10px; color:#2d5e2c;">
<center>ПРИ ОТПРАВКЕ КУБИКОВ КОЛИЧЕСТВО КУБИКОВ СТАВИМ 1<br>
количество граней оставляем 6</center>
<hr><br>
6 — медведь гризли хочет на вас напасть! Скорее дай ему что-нибудь из своих припасов и пропусти ход (пропускаешь день)<br>
15 — ты заслушался мелодией, что напевают птицы. Она тебя так вдохновила, что ты начал шагать бодрее (+2 ячейки вперёд)<br>
26 — у гейзеров жарковато и ты идёшь медленнее (-2 ячейки назад)<br>
31 — поляна сонных цветов. Вздремни и пропусти ход (пропускаешь день)<br>
44 — воу! Ты нашёл чей-то рюкзак с припасами (+6 ячеек вперёд и 50$ на счёт)<br>
49 — ой, тебя волки съели... вернись на ячейку №1)<br>
56 — как высоко ты забрался! Получи 100$ и зелье храбрости<br>
60 — брр-р-р! Впереди холодное озеро. Получи 10$ на счёт и надувную лодку (переход на ячейку №65)<br>
64 — ну как тебе водичка? Пропусти ход, разожги костёр и просуши вещи (пропускаешь день)<br>
73 — эй, не шуми! Ты чуть не спугнул стадо бизонов (-10$ с твоего счёта)<br>
83 — аййй... тебя утащил орёл и бросил на ячейку №75 <br>
<hr><br>
<center><strong>победитель получает 1,000$, участники 100 $</strong></center>
</p>
</div>
</div>
</div>[/html]
Поделиться92026-05-05 18:21:52

[hideprofile]
Поделиться102026-05-11 09:18:02
[html]<div id="tree-hug-contest">
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
#tree-hug-contest, #tree-hug-contest * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#tree-hug-contest {
max-width: 850px;
margin: 0 auto;
padding: 25px 15px;
font-family: 'Montserrat', 'Cormorant Garamond', Georgia, serif;
background: #f7f3eb;
border-radius: 12px;
background-image: radial-gradient(circle at 20% 30%, #f5efdf 0%, #e8d9c8 100%);
}
#tree-hug-contest .magazine-page {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 20px 50px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.04);
padding: 35px 40px;
position: relative;
overflow: hidden;
}
#tree-hug-contest .magazine-page::before {
content: "";
position: absolute;
top: 15px; left: 15px; right: 15px; bottom: 15px;
border: 2px dashed #8f6b4c;
border-radius: 4px;
pointer-events: none;
opacity: 0.4;
}
/* Блок 1: заголовок */
#tree-hug-contest .block-title {
background-color: #e6d7b8;
color: #3e3a37;
padding: 24px 30px;
text-align: center;
border-radius: 6px;
margin-bottom: 26px;
font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
font-size: 34px;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.3;
box-shadow: inset 0 0 0 2px #ffffff, 0 6px 18px rgba(100, 70, 40, 0.15);
}
#tree-hug-contest .block-title .title-text {
display: inline-block;
vertical-align: middle;
text-shadow: 1px 2px 0 rgba(255,255,255,0.7);
}
#tree-hug-contest .block-title::after {
content: "🌳 · 🤗 · 🌲";
display: block;
font-size: 22px;
letter-spacing: 10px;
margin-top: 8px;
color: #6b4f32;
opacity: 0.8;
}
/* Блок 2: общая картинка */
#tree-hug-contest .block-cover {
text-align: center;
margin-bottom: 26px;
}
#tree-hug-contest .cover-photo {
max-width: 100%;
height: auto;
border-radius: 6px;
box-shadow: 0 4px 14px rgba(0,0,0,0.1);
border: 3px solid #b8860b;
}
/* Блок текста битвы (бывший блок 5) */
#tree-hug-contest .block-text {
background-color: #ffffff;
color: #3b332c;
padding: 20px 28px;
border-radius: 4px;
margin-bottom: 26px;
font-size: 14px;
line-height: 1.7;
text-align: justify;
border-right: 6px solid #8f6b4c;
box-shadow: 0 3px 10px rgba(0,0,0,0.04);
border: 1px solid #e5d9cf;
}
#tree-hug-contest .block-text p {
margin: 0;
color: #4e433b;
}
/* Блоки правил (два столбца) */
#tree-hug-contest .rules-row {
display: flex;
gap: 24px;
margin-top: 10px;
}
#tree-hug-contest .rule-card {
flex: 1 1 50%;
border-radius: 6px;
padding: 20px 18px;
font-size: 14px;
line-height: 1.7;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
border: 1px solid #d9cabb;
text-align: center;
}
/* Левая колонка – зелёный оттенок */
#tree-hug-contest .rule-card.card-left {
background: linear-gradient(145deg, #eef5e8, #d9e4cc);
border: 1px solid #93a97d;
color: #3b4a2e;
}
/* Правая колонка – золотистый оттенок */
#tree-hug-contest .rule-card.card-right {
background: linear-gradient(145deg, #f9efd7, #edd9b0);
border: 1px solid #c9a96e;
color: #5d4a2e;
}
#tree-hug-contest .rule-card h3 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
letter-spacing: 0.4px;
border-bottom: 2px dotted #b8860b;
display: inline-block;
padding-bottom: 4px;
}
#tree-hug-contest .rule-card p {
margin: 8px 0;
text-align: left;
font-size: 14px;
}
@media (max-width: 650px) {
#tree-hug-contest .magazine-page {
padding: 20px 15px;
}
#tree-hug-contest .rules-row {
flex-direction: column;
gap: 18px;
}
#tree-hug-contest .block-title {
font-size: 26px;
padding: 18px 16px;
}
}
</style>
<div class="magazine-page">
<!-- Блок 1: заголовок -->
<div class="block-title">
<span class="title-text">День любви к деревьям: обнимательная битва</span>
</div>
<!-- Блок 2: общая картинка (замените src на своё фото) -->
<div class="block-cover">
<img src="https://upforme.ru/uploads/001c/1a/2f/357/100294.png?"
alt="Хомяк и Панда обнимают дерево"
class="cover-photo">
</div>
<!-- Блок 5: текст битвы (без карточек персонажей) -->
<div class="block-text">
<p>
Итак, объявляется лесной марафон!
В этот раз соперники Хомяк и Панда оставили кухонные распри и объединились ради общего дела — любви к природе. <br>16 мая отмечается день любви к деревьям. <br>
Панда уже отправился вглубь рощи, бормоча мантры и измеряя окружность каждого ствола. Хомяк тем временем бегает от дерева к дереву, расставляя крошечные флажки, отмечая «обнимаемые» объекты. Каждое объятие идёт в зачёт. На этот раз каждый сам за себя. Как и в прошлый раз, достаточно лишь отметиться в данной теме 🌳🤗
</p>
</div>
<!-- Блоки правил вместо результатов -->
<div class="rules-row">
<!-- Левое правило -->
<div class="rule-card card-left">
<h3>🌿 Условия участия</h3>
<p><strong>1.</strong> Все уточняющие вопросы вы можете задать в этой теме</p>
<p><strong>2.</strong> Для регистрации достаточно оставить сообщение ниже</p>
<p><strong>3.</strong> Присоединиться к конкурсу можно в любой момент до его окончания</p>
<p><strong>4.</strong> В данной теме помимо общих, будут представлены промежуточные итоги</p>
<p><strong>5.</strong> Конкурс продлится до 18.05</p>
</div>
<!-- Правое правило -->
<div class="rule-card card-right">
<h3>🍂 Правила подсчёта и призовой фонд</h3>
<p><strong>1.</strong> 1 сообщение во флуде (любое форумное сообщение) = 1 очко</p>
<p><strong>2.</strong> 1 игровой пост = 5 очков</p>
<p><strong>3.</strong> 1 рекламный пост = 10 очков</p>
<p><strong>4.</strong> Каждому участнику независимо от результатов будут начислены 100$</p>
<p><strong>5.</strong> Победитель битвы получит 500$ на личный счёт и возможность выбрать любую коллекционную плашку (включая уже закрытые коллекции).</p>
</div>
</div>
</div>
</div>[/html]
[hideprofile]
[sign] [/sign]
[quote]На момент регистрации у меня [b]число[/b] сообщений[/quote]
Поделиться112026-05-21 19:46:32
[html]<div id="bee-contest">
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap');
#bee-contest, #bee-contest * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#bee-contest {
max-width: 850px;
margin: 0 auto;
font-family: 'Montserrat', 'Cormorant Garamond', Georgia, serif;
}
#bee-contest .adventure-block {
display: flex;
align-items: center;
gap: 24px;
/* Спокойный медово-кремовый фон */
background: linear-gradient(145deg, #fdf6e8, #f7ebc6);
border: 2px solid #d4a843; /* приглушённый медовый */
border-radius: 12px;
padding: 28px 32px;
box-shadow: 0 6px 16px rgba(0,0,0,0.08);
margin: 10px 0;
position: relative;
}
/* Декоративные соты и цветочки */
#bee-contest .adventure-block::before,
#bee-contest .adventure-block::after {
font-size: 20px;
position: absolute;
opacity: 0.5;
}
#bee-contest .adventure-block::before {
content: "🍯";
top: 10px;
left: 14px;
}
#bee-contest .adventure-block::after {
content: "🌸";
bottom: 10px;
right: 14px;
}
#bee-contest .avatar-bee {
width: 110px;
height: 110px;
border-radius: 50%;
border: 4px solid #d4a843; /* медовый контур */
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
object-fit: cover;
background: radial-gradient(circle at 30% 30%, #f9eac1, #dbb753);
flex-shrink: 0;
}
#bee-contest .welcome-text {
font-size: 14px;
line-height: 1.7;
color: #5c4a2e; /* тёплый коричнево-медовый */
}
#bee-contest .welcome-text h2 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 24px;
font-weight: 700;
color: #8b6f2b; /* приглушённый тёмно-золотой */
margin-bottom: 8px;
letter-spacing: 0.3px;
border-bottom: 2px dotted #c9a44b;
display: inline-block;
padding-bottom: 4px;
}
#bee-contest .welcome-text p {
margin: 6px 0;
}
@media (max-width: 600px) {
#bee-contest .adventure-block {
flex-direction: column;
text-align: center;
gap: 16px;
}
#bee-contest .avatar-bee {
width: 90px;
height: 90px;
}
}
</style>
<div class="adventure-block">
<!-- Аватар – пчела (замените ссылку на свою картинку) -->
<img src="https://upforme.ru/uploads/001c/1a/2f/357/731489.jpg?text=🐝"
alt="Пчела-путешественница"
class="avatar-bee">
<div class="welcome-text">
<h2>Медовая бродилка: приключения на пасеке</h2>
<p>
Добро пожаловать в тёплый и ароматный мир пчёл и золотистого мёда!
Пчёлы соседней пасеки решили навестить своих пчелобратьев, чтобы отметить всемирный день пчёл (20.05), но путь предстоит неблизкий, а они такие крохи... Помогите малышам добраться до соседней пасеки, но будьте осторожны! Опасайтесь шальных пчёл и липкого мёда.
</p>
<p>
<strong>Ваша задача:</strong> выбрать себе пчёлку и осторожно донести её до финиша, обходя преграды и собирая приятные бонусы.
</p>
<p style="font-style:normal; margin-top:10px; color:#2d5e2c;">
<strong>Правила участия:</strong><br>
*принять участие можно в любой момент до окончания игры<br>
*игра длится до тех пор, пока кто-то из участников не доберётся до ФИНИША<br>
*в день вы можете совершить 4 броска (можно сразу бросить кубик 4 раза в одном сообщении)<br>
*следующие 4 броска возможны только после сообщения ведущего с обновленной картой игры<br>
*кнопка для броска кубика находится между значком клавиатуры и стрелкой вниз
</p>
</div>
</div>
</div>[/html]
[html]
<div class="welcome-text">
<p style="font-style:normal; margin-top:10px; color:#2d5e2c;">
<center>ПРИ ОТПРАВКЕ КУБИКОВ КОЛИЧЕСТВО КУБИКОВ СТАВИМ 1<br>
количество граней оставляем 6</center>
<hr><br>
7 — хих, ты увяз в капле мёда! Выбирай: -50$ или пропуск хода<br>
9 — нашёл банку волшебного нектара. Лови +10$<br>
14 — снова влип! Выбирай: -50$ или пропуск хода<br>
19 — нашёл банку нектара. Лови +70$<br>
22-24 — попал в паутину! Откупиться не получится. Пропускаешь ход<br>
26 — тебя схватила шальная пчела и утащила на ячейку №44<br>
27-30 — попал в паутину! Откупиться не получится. Пропускаешь ход<br>
39 — нашёл банку нектара. Лови +50$<br>
59 — тебя схватила шальная пчела и утащила на ячейку №54<br>
70 — ты попал в лапки могучего золотого шмеля! Большая удача! Добряк уносит тебя на ячейку №100<br>
77 — опять влип! Выбирай: -50$ или пропуск хода <br>
83 — попал на разбитую ячейку. Вернись на №66 <br>
86 — поднялся ветер. Пережди его, чтобы не унёс. Пропусти ход и получи +50$ <br>
91— попал на разбитую ячейку. Вернись на №79 <br>
93— попал на каплю нектара по которой скатываешься на ячейку №99 <br>
102— ооочень шальная пчела утаскивает тебя на ячейку №53 <br>
<hr>[/html]

[hideprofile]
Поделиться122026-06-01 19:20:01
[html]<div id="summer-bingo-grid" class="glossy-news">
<style>
#summer-bingo-grid.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;
--soft-lavender: #E8E0F0;
--soft-sage: #DCE8D5;
font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: var(--dark-gray);
background: var(--light-gray);
max-width: 1000px;
margin: 0 auto;
padding: 20px 24px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}
#summer-bingo-grid .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
#summer-bingo-grid .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 16px;
padding-bottom: 6px;
border-bottom: 2px solid var(--dusty-yellow);
position: relative;
}
#summer-bingo-grid .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 2px;
background: var(--dusty-rose);
}
/* Таблица */
#summer-bingo-grid .bingo-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
#summer-bingo-grid .bingo-table td {
width: 14.28%;
padding: 4px;
}
/* Обычная карточка (мутная, становится читабельной при наведении) */
#summer-bingo-grid .task-card {
background: var(--white);
border: 1px solid var(--dusty-yellow);
border-radius: 4px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 4px;
color: var(--dark-gray);
font-size: 9px;
line-height: 1.3;
filter: blur(3.5px);
transition: filter 0.35s ease, border-color 0.3s;
cursor: default;
box-sizing: border-box;
word-break: break-word;
}
#summer-bingo-grid .task-card:hover {
filter: blur(0);
border-color: var(--dusty-rose);
}
/* Карточка-выигрыш (переворот, НЕ мутная) */
#summer-bingo-grid .win-card {
width: 100%;
height: 90px;
perspective: 900px;
cursor: pointer;
}
#summer-bingo-grid .win-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform-style: preserve-3d;
}
#summer-bingo-grid .win-card:hover .win-card-inner {
transform: rotateY(180deg);
}
/* Лицевая сторона (светлая нейтральная рубашка) */
#summer-bingo-grid .win-card-front {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 4px;
background: var(--soft-lavender);
border: 2px solid var(--soft-sage);
display: flex;
align-items: center;
justify-content: center;
color: var(--dark-gray);
font-weight: bold;
font-size: 22px;
box-sizing: border-box;
}
/* Обратная сторона — текст ВЫИГРЫШ */
#summer-bingo-grid .win-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
transform: rotateY(180deg);
border-radius: 4px;
background: var(--soft-sage);
border: 2px solid var(--soft-lavender);
display: flex;
align-items: center;
justify-content: center;
color: var(--dark-gray);
font-weight: bold;
font-size: 9px;
letter-spacing: 0.3px;
text-transform: uppercase;
box-sizing: border-box;
padding: 2px;
}
/* Отступы */
#summer-bingo-grid p {
margin: 0 0 8px;
}
</style>
<div class="content-block">
<div class="block-title">Летнее бинго «36 воспоминаний»</div>
<p>Предлагаем вам запечатлеть лето своих персонажей самыми солнечными и летними воспоминаниями. Перед вами 36 карточек с заданиями на выполнение которых даётся 3 месяца. Ваша задача задействовать ситуацию из карточки с заданием и отыграть её в своём посте. <br>
<b>Условия участия:</b><br>
<ul>
* на один пост можно открыть максимум <b>две</b> карточки<br>
* пост может быть любой: альт/прошлое/настоящее или какой-то действующий эпизод (не обязательно открывать для этого новый)<br>
* это может быть как прямое действие, так и воспоминание вашего персонажа<br>
* одна карточка = минимум пять предложений, а лучше всего полноценное описание<br>
* за каждое выполненное задание начисляется 50$, если собрали ряд (или столбец), то получаете 400$ + указанный подарок<br>
* в угловой карточке указан супер-приз за выполнение <b>всех</b> заданий<br>
* принять участие можно в любой момент до 01.09<br>
* итоги будут подведены на торжественной линейке 1 сентября:)
</ul>
Текст заданий скрыт. Наведите курсор, чтобы прочитать его. Карточки с подарком переворачиваются — за ними вы найдёте призы. <br>
Для того чтобы принять участие, вам необходимо оставить сообщение ниже с текстом из шаблона (смотрим шаблон). Далее, при выполнении задания вы просто редактируете своё сообщение, добавляя в него ссылки на посты с выполненным заданием.
</p>
<table class="bingo-table">
<!-- Строка 1 -->
<tr>
<td><div class="task-card">1. Сходить на пикник в парк или лес</div></td>
<td><div class="task-card">2. Искупаться в реке, озере или море</div></td>
<td><div class="task-card">3. Съесть мороженое в жару</div></td>
<td><div class="task-card">4. Покататься на велосипеде на закате</div></td>
<td><div class="task-card">5. Прочитать книгу, сидя на траве</div></td>
<td><div class="task-card">6. Собрать букет полевых ромашек</div></td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">+200$</div>
</div>
</div>
</td>
</tr>
<!-- Строка 2 -->
<tr>
<td><div class="task-card">7. Приготовить домашний лимонад с мятой</div></td>
<td><div class="task-card">8. Сделать фотографию заката</div></td>
<td><div class="task-card">9. Пройтись босиком по тёплой траве</div></td>
<td><div class="task-card">10. Посадить цветок или пряную траву</div></td>
<td><div class="task-card">11. Нарисовать летний пейзаж мелками на асфальте</div></td>
<td><div class="task-card">12. Поиграть в пляжный волейбол</div></td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">подарочный аватар</div>
</div>
</div>
</td>
</tr>
<!-- Строка 3 -->
<tr>
<td><div class="task-card">13. Запустить воздушного змея</div></td>
<td><div class="task-card">14. Съесть арбуз, соревнуясь, кто дальше плюнет косточкой</div></td>
<td><div class="task-card">15. Сходить в однодневный поход</div></td>
<td><div class="task-card">16. Сделать кормушку из подручных материалов</div></td>
<td><div class="task-card">17. Понаблюдать за звёздами и найти Большую Медведицу</div></td>
<td><div class="task-card">18. Испечь пирог со свежими ягодами</div></td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">плашка на выбор</div>
</div>
</div>
</td>
</tr>
<!-- Строка 4 -->
<tr>
<td><div class="task-card">19. Покататься на лодке или катамаране</div></td>
<td><div class="task-card">20. Сходить на рыбалку и поймать хотя бы одну рыбку</div></td>
<td><div class="task-card">21. Засушить цветок для гербария</div></td>
<td><div class="task-card">22. Устроить день без телефона и интернета</div></td>
<td><div class="task-card">23. Посетить парк аттракционов и прокатиться на колесе обозрения</div></td>
<td><div class="task-card">24. Устроить водный бой из брызгалок</div></td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">полное оформление профиля</div>
</div>
</div>
</td>
</tr>
<!-- Строка 5 -->
<tr>
<td><div class="task-card">25. Приготовить кукурузу на гриле или костре</div></td>
<td><div class="task-card">26. Надуть огромный мыльный пузырь</div></td>
<td><div class="task-card">27. Посмотреть кино под открытым небом</div></td>
<td><div class="task-card">28. Покататься на роликах или скейтборде</div></td>
<td><div class="task-card">29. Собрать и съесть дикую землянику</div></td>
<td><div class="task-card">30. Сделать смузи из свежих фруктов</div></td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">бесплатный стикер</div>
</div>
</div>
</td>
</tr>
<!-- Строка 6 -->
<tr>
<td><div class="task-card">31. Устроить гамак между деревьями и подремать</div></td>
<td><div class="task-card">32. Собрать ракушки на берегу</div></td>
<td><div class="task-card">33. Попробовать новое блюдо уличной еды</div></td>
<td><div class="task-card">34. Посчитать разные виды цветов в саду</div></td>
<td><div class="task-card">35. Сделать венок из одуванчиков</div></td>
<td><div class="task-card">36. Принять участие в дворовом турнире по бадминтону</div></td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">+700$</div>
</div>
</div>
</td>
</tr>
<!-- Строка 7 (выигрышные) -->
<tr>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">бесплатная иконка ЛС</div>
</div>
</div>
</td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">+200$</div>
</div>
</div>
</td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">плашка верх+низ</div>
</div>
</div>
</td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">бесплатный стикер</div>
</div>
</div>
</td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">+400$</div>
</div>
</div>
</td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">полное оформление профиля</div>
</div>
</div>
</td>
<td>
<div class="win-card">
<div class="win-card-inner">
<div class="win-card-front">🎁</div>
<div class="win-card-back">+2,000$</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>[/html]
[b]Я в деле![/b] № задания - ваш пост № задания - ваш пост № задания - ваш пост № задания - ваш пост
Поделиться132026-07-18 08:51:50
[html]<div id="info-block" class="glossy-news">
<style>
#info-block.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;
font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: var(--dark-gray);
background: var(--light-gray);
max-width: 1000px;
margin: 0 auto;
padding: 25px 30px 20px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');
#info-block .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
#info-block .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 12px;
padding-bottom: 6px;
border-bottom: 2px solid var(--dusty-yellow);
position: relative;
}
#info-block .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 2px;
background: var(--dusty-rose);
}
#info-block a {
color: var(--dusty-rose);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
transition: color 0.2s, border-bottom 0.2s;
}
#info-block a:hover {
color: var(--dark-gray);
border-bottom-color: var(--dusty-yellow);
}
#info-block p {
margin: 0 0 12px;
}
#info-block p:last-child {
margin-bottom: 0;
}
</style>
<div class="content-block">
<div class="block-title">«Секретный код #1» (до 01.08)
</div>
<p>
Сегодня привычные буквы уходят в отпуск, а ваши экраны превращаются в инструменты для настоящей интеллектуальной магии. Предметы, явления, крылатые фразы, фильмы и известные личности — всё это спрятано в трёх-четырёх значках. Ваша задача — заглянуть за грань пиктограмм и дать правильный ответ.
</p>
<p>Правила просты: </p>
<p>
* копируете шаблон в форму ответа<br>
* отгадываете всё что сможете отгадать до указанного срока<br>
* необязательно отгадывать все три части — приз полагается даже за одну угаданную часть<br>
* если угадали все три части — получаете персональный подарок на личную страницу + один элемент для своего профиля (плашку\иконку\стикер)<br>
* ответы оставляем прямо в этой теме
</p>
</div>
</div>[/html]
часть 1: фильмы
награда: 150$
1. 🚢🧊💔
2. 🧙♂️⚡🦉
3. 💍🌋👁️
4. 🦖🌴🚙
5. 💊🔴🔵
часть 2: мультфильмы
награда: 150$
1. 🐟🔍
2. 🐀👨🍳
3. 👰🧟💍
4. 🎈🏠👴
5. 🏰❄️👸
часть 3: фраза из фильма
награда: 200$
🏛️🦵🕳️
[hideprofile]
[hide=9999999999999999999999] Часть 1 1. 2. 3. 4. 5. Часть 2 1. 2. 3. 4. 5. Часть 3 Ваш ответ [/hide]
Поделиться152026-07-18 15:33:34
[html]<div id="badges-limitki" class="glossy-news">
<style>
/* === Стили только для блока "плашки-лимитки" === */
#badges-limitki.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;
font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: var(--dark-gray);
background: var(--light-gray);
max-width: 1000px;
margin: 0 auto;
padding: 25px 30px 20px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}
@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Playfair+Display:wght@600;700&display=swap');
#badges-limitki .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
margin-top: 24px;
}
#badges-limitki .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 12px;
padding-bottom: 6px;
border-bottom: 2px solid var(--dusty-yellow);
position: relative;
}
#badges-limitki .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 2px;
background: var(--dusty-rose);
}
#badges-limitki a {
color: var(--dusty-rose);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
transition: color 0.2s, border-bottom 0.2s;
}
#badges-limitki a:hover {
color: var(--dark-gray);
border-bottom-color: var(--dusty-yellow);
}
#badges-limitki p {
margin: 0 0 12px;
}
#badges-limitki p:last-child {
margin-bottom: 0;
}
</style>
<!-- Заголовок с GIF-текстурой -->
<div style="text-align:center;font-size: 3em;font-family:Rubik Mono One;font-weight: 600;background-image: url(https://upforme.ru/uploads/001c/1a/2f/300/861706.gif);background-size: 250px;background-repeat: repeat;color: transparent;-webkit-background-clip: text;background-clip: text;">
игровой магазин
</div>
<!-- Текстовый блок -->
<div class="content-block">
<div class="block-title">Игровой магазин: стикеры/иконки/подарки</div>
<p>
В этой теме вы можете приобрести разнообразные ништяки за игровую валюту, которую вы заработали своей активностью и постами. Для оплаты своей покупки и сверки кредита, пожалуйста, обратитесь в <b><url=https://nyc.f-rpg.me/viewtopic.php?id=50>банк</url></b>.
</p>
<p>
Любое изображение из игрового магазина вы можете приобрести и использовать как стикер, иконку или подарок для дорогого человека. Расценки ниже.
</p>
</div>
</div>[/html]
Поделиться162026-07-18 19:17:46
[html]<div id="badges-limitki" class="glossy-news">
<style>
/* === Стили только для блока "плашки-лимитки" === */
#badges-limitki.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;
font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: var(--dark-gray);
background: var(--light-gray);
max-width: 1000px;
margin: 0 auto;
padding: 25px 30px 20px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}
@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Playfair+Display:wght@600;700&display=swap');
#badges-limitki .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
margin-top: 24px;
}
#badges-limitki .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 12px;
padding-bottom: 6px;
border-bottom: 2px solid var(--dusty-yellow);
position: relative;
}
#badges-limitki .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 2px;
background: var(--dusty-rose);
}
#badges-limitki a {
color: var(--dusty-rose);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
transition: color 0.2s, border-bottom 0.2s;
}
#badges-limitki a:hover {
color: var(--dark-gray);
border-bottom-color: var(--dusty-yellow);
}
#badges-limitki p {
margin: 0 0 12px;
}
#badges-limitki p:last-child {
margin-bottom: 0;
}
</style>
<!-- Заголовок с GIF-текстурой -->
<div style="text-align:center;font-size: 3em;font-family:Rubik Mono One;font-weight: 600;background-image: url(https://upforme.ru/uploads/001c/1a/2f/300/861706.gif);background-size: 250px;background-repeat: repeat;color: transparent;-webkit-background-clip: text;background-clip: text;">
личные страницы
</div>
<!-- Текстовый блок -->
<div class="content-block">
<div class="block-title">Личные страницы и оформление профиля</div>
<p>
Теперь у вас есть возможность обзавестись стильной личной страницей для хранения купленного и выигранного добра. Вы можете вписать туда любую цитату, выбрать аватар и даже свою уникальную композицию. Также, вы можете дарить друг другу подарки, оставляя с ними пожелания и тайные послания:)<br>
Ниже найдёте подробные инструкции и визуальное представление личных страничек. У каждого участника уже есть на страничках стандартные плашки/иконки и приветственный подарок:)
</p>
<p>
Внимание! Данные странички создаются независимо от вашего желания, если вы приобрели в магазине/выиграли в конкурсе какой-либо элемент для украшения профиля или награду. В таком случае ставится стандартный аватар, стандартная мелодия и иконка. Всё, что находится на ваших личных страничках, вы можете надевать в любое время, миксовать как угодно и с чем угодно.<br>
Личные страницы скрыты от гостей и свеже-зарегистрировавшихся профилей. Они открыты только для принятых игроков.
</p>
<p>
Заполнить данные для создания ЛС: <a href="https://nyc.f-rpg.me/viewtopic.php?id=1162">заполнить данные</a><br>
Заказать свою композицию для ЛС: <a href="https://nyc.f-rpg.me/viewtopic.php?id=50">банк</a><br>
Выбрать подарок/иконку/стикер: <a href="https://nyc.f-rpg.me/viewtopic.php?id=107">магазин стикеров\подарков</a><br>
Выбрать плашку: <a href="https://nyc.f-rpg.me/viewtopic.php?id=1078">магазин плашек</a><br>
Выбрать плашку из коллекции: <a href="https://nyc.f-rpg.me/viewtopic.php?id=1405">магазин коллекционных плашек</a>
</p>
</div>
</div>[/html]


[hideprofile]
Поделиться172026-07-19 09:06:41
[html]<div id="badges-limitki" class="glossy-news">
<style>
/* === Стили только для блока "плашки-лимитки" === */
#badges-limitki.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;
font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: var(--dark-gray);
background: var(--light-gray);
max-width: 1000px;
margin: 0 auto;
padding: 25px 30px 20px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}
@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Playfair+Display:wght@600;700&display=swap');
#badges-limitki .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
margin-top: 24px;
}
#badges-limitki .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 12px;
padding-bottom: 6px;
border-bottom: 2px solid var(--dusty-yellow);
position: relative;
}
#badges-limitki .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 2px;
background: var(--dusty-rose);
}
#badges-limitki a {
color: var(--dusty-rose);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
transition: color 0.2s, border-bottom 0.2s;
}
#badges-limitki a:hover {
color: var(--dark-gray);
border-bottom-color: var(--dusty-yellow);
}
#badges-limitki p {
margin: 0 0 12px;
}
#badges-limitki p:last-child {
margin-bottom: 0;
}
</style>
<!-- Заголовок с GIF-текстурой -->
<div style="text-align:center;font-size: 3em;font-family:Rubik Mono One;font-weight: 600;background-image: url(https://upforme.ru/uploads/001c/1a/2f/300/861706.gif);background-size: 250px;background-repeat: repeat;color: transparent;-webkit-background-clip: text;background-clip: text;">
оповещения о полученных подарках
</div>
<!-- Текстовый блок -->
<div class="content-block">
<div class="block-title">Вам подарок!</div>
<p>
Мы решили организовать данную тему для того, чтобы оперативно извещать вас о присланных вам на личную страницу подарках. Тем, кто не делал себе личной страницы при регистрации или после, в случае получения подарка будет поставлена стандартная не персонализированная страничка, которую переделать под себя можно в любое время в теме <a href="https://nyc.f-rpg.me/viewtopic.php?id=1162">вопросы к амс</a>.
</p>
<p>
И не стесняемся, дарим друг другу подарки/плашки/стикеры/иконки:<br>
<a href="https://nyc.f-rpg.me/viewtopic.php?id=107">игровой магазин</a><br>
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1078">магазин плашек</a><br>
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1405">магазин коллекционных плашек</a><br>
</p>
</div>
</div>[/html]
под номером 21 спрятались 600$

































