New York City
the city that never sleeps
----------------------------

NYC Radio

пробный

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » пробный » разное » конкурсы


конкурсы

Сообщений 1 страница 17 из 17

1

.

0

2

[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>&nbsp;</p>
[/html]

для амс

[hideprofile]

[sign]    [/sign]

https://upforme.ru/uploads/001c/1a/2f/357/288254.png под номером 21 спрятались 600$
*начисляются автоматически, никуда ходить не нужно

0

3

[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]

0

4

[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]

0

5

[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]

0

6

[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]

0

7


ИТОГИ БИТВЫ

[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]

0

8

[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]

0

9

https://upforme.ru/uploads/001c/1a/2f/357/791311.png
[hideprofile]

0

10

[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]

0

11

[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]

https://upforme.ru/uploads/001c/1a/2f/357/277717.png
[hideprofile]

0

12

[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]
№ задания - ваш пост
№ задания - ваш пост
№ задания - ваш пост
№ задания - ваш пост 

0

13

[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]

0

14

0

15

[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]

0

16

[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]
https://forumstatic.ru/files/001c/1a/2f/33611.jpg
https://forumstatic.ru/files/001c/1a/2f/41822.jpg
https://forumstatic.ru/files/001c/1a/2f/14017.jpg

[hideprofile]

0

17

[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]

0


Вы здесь » пробный » разное » конкурсы


Рейтинг форумов | Создать форум бесплатно