Здесь делается вжух

Wolfgang label

Объявление

@sunghanbin Дверь в кабинет владельца выглядела слишком просто для места, где, если верить слухам и информации, сидел грозный владелец подпольного страшного бизнеса. Темное дерево, матовый металл ручки, никаких табличек, только камера под потолком в конце коридора и охранник, который проводил Ханбина сюда молча, не задав ни одного вопроса. читать далее...

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

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


    Вы здесь » Wolfgang label » cards with idols » need you


    need you

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

    1

    [html]<div class="wtopic" data-glass-prefix="wtopic"><div class="wtopic__sidebar"></div>
    <div class="wtopic__center wtopic__glass wtopic__pill wtopic__menu"><i class="fa-solid fa-bars"></i></div>
      <div class="wtopic__sheet"><div class="wtopic__actions"><img src="https://forumstatic.ru/files/001c/bd/72/81163.svg">
    <img src="https://forumstatic.ru/files/001c/bd/72/29688.svg"><img src="https://forumstatic.ru/files/001c/bd/72/24264.svg"></div><div class="wtopic__chat-tab"><div class="wtopic__center wtopic__glass wtopic__chat"><i class="fa-regular fa-comment-dots"></i></div></div>

        <!-- Название -->
        <div class="wtopic__title">NEED YOU</div>

        <!-- Маленькое описание -->
        <div class="wtopic__center wtopic__description">в поисках тебя</div>

        <!-- Основной текст -->
        <div class="wtopic__content">

          <p>
    Каждую неделю здесь будут появляться внешности для персонажей, которых очень ждут на нашем проекте. Взяв любой образ из списка, вы получите отличные бонусы: <b>1000 единиц рейтинга, купон на одно бесплатное оформление, купон на иммунитет и купон на один предмет из коллекции</b>. Все эти плюшки станут доступны сразу после подачи и одобрения вашей анкеты. Акция также распространяется на случаи, если вы решите взять эти внешности для своих твинков.
          </p>

    </div></div></div>
    [/html]
    [html]<style>
    @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@1,6..96,400&family=Montserrat:wght@400;500&display=swap');

    .wl{position:relative;width:450px;height:600px;margin:auto;background:#fff;overflow:hidden;isolation:isolate;color:#222;font-family:Montserrat,Arial,sans-serif;box-sizing:border-box;}
    .wl *{box-sizing:border-box;}

    /* ФОН */
    .wl::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 22%,#b6b6b655 22.2%,transparent 22.5%),linear-gradient(180deg,transparent 26%,#b6b6b655 26.2%,transparent 26.4%);pointer-events:none;}

    /* ЗОЛОТЫЕ НАДПИСИ */
    .wl .gold{position:absolute;left:-4px;width:450px;margin:0;color:#b28b4d;font:italic 400 113px/1 'Bodoni Moda',Georgia,serif;letter-spacing:-9px;white-space:nowrap;transform:scaleX(.91);transform-origin:left center;z-index:4;pointer-events:none;}
    .wl .gold.top{top:-45px;}
    .wl .gold.end{top:536px;}

    /* РЯДЫ ФОТОГРАФИЙ */
    .wl .photos{position:absolute;left:38px;display:flex;gap:7px;z-index:2;}
    .wl .photos.first{top:45px;}
    .wl .photos.last{top:371px;}

    /* КАРТОЧКА */
    .wl figure{position:relative;flex:none;width:120px;height:184px;margin:0;padding:0;}
    .wl figure img{display:block;width:120px;height:184px;object-fit:cover;object-position:center;filter:grayscale(100%);border:0;}

    /* ИМЕНА */
    .wl figcaption{position:absolute;left:50%;width:max-content;max-width:118px;padding:2px 5px;background:#fff;color:#292929;font:500 11px/10px Montserrat,Arial,sans-serif;text-align:center;white-space:nowrap;box-shadow:1px 2px 2px #00000030;z-index:3;}
    .wl .first figcaption{bottom:-8px;transform:translateX(-50%) rotate(-6deg);}
    .wl .last figcaption{top:-16px;transform:translateX(-50%) rotate(-6deg);}
    .wl figure:nth-child(2) figcaption{transform:translateX(-50%) rotate(4deg);}
    .wl figure:nth-child(3) figcaption{transform:translateX(-50%) rotate(-3deg);}

    /* ЦЕНТРАЛЬНАЯ НАДПИСЬ */
    .wl header2 {position:absolute;top:257px;left:43px;margin:0;color:#b21d23;font:italic 400 58px/1.2 'Bodoni Moda',Georgia,serif;letter-spacing:-4px;white-space:nowrap;transform:scaleX(.91);transform-origin:left center;z-index:2;}
    .wl .sub{position:absolute;top:322px;left:284px;font:400 12px/1 Montserrat,Arial,sans-serif;letter-spacing:-.4px;white-space:nowrap;z-index:2;}

    /* ВНЕШНОСТЬ ЗАНЯТА */
    .wl figure.busy img{opacity:.35;}
    .wl figure.busy::after{content:'ВНЕШНОСТЬ ЗАНЯТА';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:7px 5px;border:1px solid #b21d23;background:#ffffffb8;color:#b21d23;font:700 10px/1 Arial,sans-serif;white-space:nowrap;text-align:center;z-index:3;}
    </style>[/html]

    +1

    2

    [html]
    <div class="wl">

    <div class="gold top">NEED YOU</div>

    <div class="photos first">

    <figure>
    <img src="https://i.pinimg.com/736x/42/77/41/4277417e1c464eaa314d93493932d4bf.jpg">
    <figcaption>yoo jimin<br>(aespa)</figcaption>
    </figure>

    <figure>
    <img src="https://i.pinimg.com/736x/6b/01/43/6b0143e3ff2b847410f1d61e088c4333.jpg">
    <figcaption>hwang yeji<br>(itz)</figcaption>
    </figure>

    <figure>
    <img src="https://i.pinimg.com/736x/e4/7a/70/e47a708752d5bb0918a2bfa1d143aa7b.jpg">
    <figcaption>ahn hyejin<br>(mamamoo)</figcaption>
    </figure>

    </div>

    <header2>looking for trainees</header2>
    <div class="sub">21.09.2026 - 27.09.2026</div>

    <div class="photos last">

    <figure>
    <img src="https://i.pinimg.com/736x/5c/3f/64/5c3f644a05a9c4753dce97a7ff8b72ee.jpg">
    <figcaption>kim sunoo<br>(enhypen)</figcaption>
    </figure>

    <figure>
    <img src="https://i.pinimg.com/736x/88/15/74/88157472e10bd3b6f5f30c6f4f63cb16.jpg">
    <figcaption>yoon keeho<br>(p1h)</figcaption>
    </figure>

    <figure>
    <img src="https://i.pinimg.com/736x/9c/b3/91/9cb391a0228d7f82f2d164db08611e06.jpg">
    <figcaption>han jisung<br>(stray kids)</figcaption>
    </figure>

    </div>

    <div class="gold end">NEED YOU</div>

    </div>

    [/html]

    +8


    Вы здесь » Wolfgang label » cards with idols » need you