[html]
<style>
.wanted-guide{box-sizing:border-box;width:calc(100% - 30px);max-width:955px;margin:18px auto;padding:28px;border:1px solid #5b4931;border-radius:5px;background:#191919 url('https://forumstatic.ru/files/001c/be/2e/19103.png') repeat;color:#c9c2b9;font-family:'Inter Tight',Arial,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.wanted-guide *{box-sizing:border-box}
.wanted-guide .wg-head{padding:0 0 22px 24px;border-bottom:1px solid #493d2e;border-left:3px solid #b4453f}
.wanted-guide .wg-label{margin-bottom:8px;color:#b4453f;font:600 9px/1 Pragmatica,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
.wanted-guide .wg-main-title{display:block;margin:0;color:#d2a45f;font-family:Moisette,Cinzel,Georgia,serif;font-size:34px;font-weight:600;line-height:1.15}
.wanted-guide .wg-head p{margin:9px 0 0;color:#928a80;font:11px/1.55 Pragmatica,Arial,sans-serif}
.wanted-guide .wg-variants{margin:20px 0;padding:15px 18px;border:1px solid #4c4032;border-radius:4px;background:#22201e;color:#c7c0b7;font:11px/1.65 Pragmatica,Arial,sans-serif}
.wanted-guide .wg-variants strong{display:block;margin-bottom:5px;color:#d2a45f;font-weight:600}
.wanted-guide .wg-steps{display:grid;gap:8px;margin:0 0 22px}
.wanted-guide .wg-step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:12px 14px;border:1px solid #35322e;border-radius:4px;background:#1e1e1e}
.wanted-guide .wg-step b{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid #785b3a;border-radius:50%;color:#d2a45f;font:600 10px Pragmatica,Arial,sans-serif}
.wanted-guide .wg-step strong{display:block;margin:1px 0 4px;color:#d0c8be;font:600 10px Pragmatica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.7px}
.wanted-guide .wg-step span{color:#958e85;font:10px/1.55 Pragmatica,Arial,sans-serif}
.wanted-guide .wg-section-title{display:block;margin:23px 0 10px;color:#bd8f57;font-family:Moisette,Cinzel,Georgia,serif;font-size:23px;font-weight:600}
.wanted-guide .wg-note{margin:12px 0 0;padding:11px 14px;border-left:2px solid #b4453f;background:#211f1d;color:#928a80;font:9px/1.55 Pragmatica,Arial,sans-serif}
.wanted-guide .wg-preview{margin-top:24px;padding-top:1px;border-top:1px solid #493d2e}
@media(max-width:620px){.wanted-guide{padding:20px 15px}.wanted-guide .wg-head{padding-left:17px}.wanted-guide .wg-main-title{font-size:28px}}.wanted-card{box-sizing:border-box;width:calc(100% - 30px);max-width:900px;margin:18px auto;border:1px solid #5b4931;border-radius:4px;overflow:hidden;background:#171717 url('https://forumstatic.ru/files/001c/be/2e/19103.png') repeat;color:#cbc4bb;font-family:'Inter Tight',Arial,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.wanted-card *{box-sizing:border-box}
.wanted-card .wc-head{position:relative;padding:30px 34px 25px;border-bottom:1px solid #4d3d29;background:linear-gradient(115deg,rgba(41,38,34,.98),rgba(20,20,20,.96))}
.wanted-card .wc-head:before{content:'';position:absolute;top:30px;bottom:25px;left:0;width:3px;background:#b4453f}
.wanted-card .wc-type{margin-bottom:9px;color:#b4453f;font:600 9px/1 Pragmatica,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
.wanted-card .wc-title{display:block;margin:0;color:#d2a45f;font-family:Moisette,Cinzel,Georgia,serif;font-size:30px;font-weight:600;line-height:1.15;letter-spacing:.3px}
.wanted-card .wc-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:16px}
.wanted-card .wc-facts div{min-width:0;color:#dad4cc;font:11px/1.5 Pragmatica,Arial,sans-serif}
.wanted-card .wc-facts span{display:block;margin-bottom:3px;color:#877e73;font-size:9px;font-weight:500;letter-spacing:1px;text-transform:uppercase}
.wanted-card .wc-image{position:relative;height:330px;overflow:hidden;background:radial-gradient(circle at 68% 32%,rgba(134,101,61,.24),transparent 32%),linear-gradient(135deg,#252321,#111),url('https://forumstatic.ru/files/001c/be/2e/19103.png') repeat}
.wanted-card .wc-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.wanted-card .wc-image img[src='ССЫЛКА НА ИЗОБРАЖЕНИЕ']{display:none}
.wanted-card .wc-image:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 70%,rgba(17,17,17,.75))}
.wanted-card .wc-image-row{display:flex;gap:2px;height:330px;overflow:hidden;background:#111}
.wanted-card .wc-image-row .wc-cell{position:relative;flex:1;min-width:0;overflow:hidden;background:linear-gradient(135deg,#252321,#111),url('https://forumstatic.ru/files/001c/be/2e/19103.png') repeat}
.wanted-card .wc-image-row img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.wanted-card .wc-image-row img[src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 1'],
.wanted-card .wc-image-row img[src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 2'],
.wanted-card .wc-image-row img[src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 3']{display:none}
.wanted-card .wc-description{padding:28px 34px 12px;color:#c7c0b7;font:12px/1.75 'Inter Tight',Arial,sans-serif;text-align:justify}
.wanted-card .wc-description p{margin:0 0 13px}
.wanted-card .wc-description p:last-child{margin-bottom:0}
.wanted-card .wc-contact{margin:6px 34px 30px;padding:12px 16px;border:1px solid #40382e;border-radius:3px;background:rgba(28,27,25,.85);color:#d5cec5;font:11px/1.5 Pragmatica,Arial,sans-serif}
.wanted-card .wc-contact span{color:#877e73;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-right:8px}
@media(max-width:620px){.wanted-card .wc-head{padding:24px 22px 21px}.wanted-card .wc-head:before{top:24px;bottom:21px}.wanted-card .wc-title{font-size:24px}.wanted-card .wc-facts{grid-template-columns:1fr}.wanted-card .wc-image,.wanted-card .wc-image-row{height:220px}.wanted-card .wc-image-row{flex-direction:column}.wanted-card .wc-description{padding:22px 20px 10px;text-align:left}.wanted-card .wc-contact{margin:6px 20px 24px}}
</style><section class='wanted-guide'>
<div class='wg-head'><div class='wg-label'>инструкция для игроков</div><ttl class='wg-main-title'>шаблон «нужен персонаж»</ttl><p>Не нужно знать HTML. Следуйте шагам по порядку и заменяйте только текст-подсказку сразу после тегов "style".</p></div><div class='wg-variants'><strong>два варианта карточки</strong>
Вариант А — с одной крупной картинкой во всю ширину.<br>
Вариант Б — с рядом из трёх картинок вместо одной. Подходит, если хотите показать сразу несколько ракурсов или отсылок.<br>
Оба варианта работают от одного и того же кода стилей выше — используйте тот код заявки, который подходит именно вам.
</div><div class='wg-steps'>
<div class='wg-step'><b>1</b><div><strong>скопируйте код</strong><span>Ниже — два серых блока «Код»: один для варианта А (одна картинка), другой для варианта Б (три картинки). Скопируйте тот, что подходит, целиком — от первой строки до последней.</span></div></div>
<div class='wg-step'><b>2</b><div><strong>вставьте его в сообщение</strong><span>Создайте тему в разделе «нужные персонажи» и вставьте скопированный код в большое поле сообщения.</span></div></div>
<div class='wg-step'><b>3</b><div><strong>замените подсказки</strong><span>Замените слова, написанные ЗАГЛАВНЫМИ БУКВАМИ: название, имя/прозвище, возраст, фандом, внешность, ссылку(и) на изображение, описание и контакт для связи. Остальные символы не трогайте.</span></div></div>
<div class='wg-step'><b>4</b><div><strong>включите HTML</strong><span>Выделите весь вставленный код сочетанием Ctrl+A и нажмите под редактором кнопку «HTML в сообщении». Форум сам добавит внешние теги.</span></div></div>
<div class='wg-step'><b>5</b><div><strong>проверьте результат</strong><span>Нажмите «Предпросмотр». Если карточка отображается правильно, публикуйте тему.</span></div></div>
</div><div class='wg-note'>Если своей картинки нет — оставьте слова «ССЫЛКА НА ИЗОБРАЖЕНИЕ» (или «...1/2/3» в варианте Б) без изменений: вместо сломанной картинки появится нейтральный тёмный фон, карточка не сломается.</div>
<div class='wg-preview'>
<ttl class='wg-section-title'>вариант А — так выглядит заполненный шаблон</ttl>
<section class='wanted-card'>
<div class='wc-head'>
<div class='wc-type'>нужен персонаж</div>
<ttl class='wc-title'>хочу увидеть старшего брата</ttl>
<div class='wc-facts'>
<div><span>имя / прозвище</span>Не важно, лишь бы старший</div>
<div><span>возраст</span>25–30 лет</div>
<div><span>фандом</span>любой</div>
<div><span>внешность</span>на ваш вкус</div>
</div>
</div>
<div class='wc-image'><img src='ССЫЛКА НА ИЗОБРАЖЕНИЕ' alt=''></div>
<div class='wc-description'>
<p>Нужен персонаж на роль старшего брата главной героини — тёплый, немного ворчливый, готовый в любой момент прийти на выручку. Предыстория и характер — по вашему желанию, готова обсуждать детали в личных сообщениях.</p>
</div>
<div class='wc-contact'><span>связь</span>тг / гостевая / ваш вариант</div>
</section>
</div><ttl class='wg-section-title'>вариант Б — так выглядит заполненный шаблон</ttl>
<section class='wanted-card'>
<div class='wc-head'>
<div class='wc-type'>нужен персонаж</div>
<ttl class='wc-title'>хочу увидеть соседку по комнате</ttl>
<div class='wc-facts'>
<div><span>имя / прозвище</span>любое звучное</div>
<div><span>возраст</span>18–22 года</div>
<div><span>фандом</span>любой</div>
<div><span>внешность</span>на ваш вкус</div>
</div>
</div>
<div class='wc-image-row'>
<div class='wc-cell'><img src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 1' alt=''></div>
<div class='wc-cell'><img src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 2' alt=''></div>
<div class='wc-cell'><img src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 3' alt=''></div>
</div>
<div class='wc-description'>
<p>Ищу соседку по комнате для своей героини — весёлую, немного хаотичную, обожающую втягивать всех вокруг в сомнительные авантюры. Три картинки — просто для настроения, можно взять любую одну или все сразу.</p>
</div>
<div class='wc-contact'><span>связь</span>тг / гостевая / ваш вариант</div>
</section>
</div><ttl class='wg-section-title'>код находится сразу под этой инструкцией</ttl>
<div class='wg-note'>Внутри серых блоков специально нет тегов [html]: их добавляет кнопка «HTML в сообщении» на четвёртом шаге.</div>
</section>
[/html]Код:<style> .wanted-card{box-sizing:border-box;width:calc(100% - 30px);max-width:900px;margin:18px auto;border:1px solid #5b4931;border-radius:4px;overflow:hidden;background:#171717 url('https://forumstatic.ru/files/001c/be/2e/19103.png') repeat;color:#cbc4bb;font-family:'Inter Tight',Arial,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.24)} .wanted-card *{box-sizing:border-box} .wanted-card .wc-head{position:relative;padding:30px 34px 25px;border-bottom:1px solid #4d3d29;background:linear-gradient(115deg,rgba(41,38,34,.98),rgba(20,20,20,.96))} .wanted-card .wc-head:before{content:'';position:absolute;top:30px;bottom:25px;left:0;width:3px;background:#b4453f} .wanted-card .wc-type{margin-bottom:9px;color:#b4453f;font:600 9px/1 Pragmatica,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase} .wanted-card .wc-title{display:block;margin:0;color:#d2a45f;font-family:Moisette,Cinzel,Georgia,serif;font-size:30px;font-weight:600;line-height:1.15;letter-spacing:.3px} .wanted-card .wc-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:16px} .wanted-card .wc-facts div{min-width:0;color:#dad4cc;font:11px/1.5 Pragmatica,Arial,sans-serif} .wanted-card .wc-facts span{display:block;margin-bottom:3px;color:#877e73;font-size:9px;font-weight:500;letter-spacing:1px;text-transform:uppercase} .wanted-card .wc-image{position:relative;height:330px;overflow:hidden;background:radial-gradient(circle at 68% 32%,rgba(134,101,61,.24),transparent 32%),linear-gradient(135deg,#252321,#111),url('https://forumstatic.ru/files/001c/be/2e/19103.png') repeat} .wanted-card .wc-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} .wanted-card .wc-image img[src='ССЫЛКА НА ИЗОБРАЖЕНИЕ']{display:none} .wanted-card .wc-image:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 70%,rgba(17,17,17,.75))} .wanted-card .wc-description{padding:28px 34px 12px;color:#c7c0b7;font:12px/1.75 'Inter Tight',Arial,sans-serif;text-align:justify} .wanted-card .wc-description p{margin:0 0 13px} .wanted-card .wc-description p:last-child{margin-bottom:0} .wanted-card .wc-contact{margin:6px 34px 30px;padding:12px 16px;border:1px solid #40382e;border-radius:3px;background:rgba(28,27,25,.85);color:#d5cec5;font:11px/1.5 Pragmatica,Arial,sans-serif} .wanted-card .wc-contact span{color:#877e73;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-right:8px} @media(max-width:620px){.wanted-card .wc-head{padding:24px 22px 21px}.wanted-card .wc-head:before{top:24px;bottom:21px}.wanted-card .wc-title{font-size:24px}.wanted-card .wc-facts{grid-template-columns:1fr}.wanted-card .wc-image{height:220px}.wanted-card .wc-description{padding:22px 20px 10px;text-align:left}.wanted-card .wc-contact{margin:6px 20px 24px}} </style> <!-- ВАРИАНТ А — одна крупная картинка. ШАГ 1. Замените «ХОЧУ УВИДЕТЬ ...» на своё название. --> <section class='wanted-card'> <div class='wc-head'> <div class='wc-type'>нужен персонаж</div> <ttl class='wc-title'>ХОЧУ УВИДЕТЬ ...</ttl> <!-- ШАГ 2. Заполните имя/прозвище, возраст, фандом и имя внешности. --> <div class='wc-facts'> <div><span>имя / прозвище</span>ИМЯ ИЛИ ПРОЗВИЩЕ</div> <div><span>возраст</span>ВОЗРАСТ</div> <div><span>фандом</span>ФАНДОМ</div> <div><span>внешность</span>ИМЯ ВНЕШНОСТИ</div> </div> </div> <!-- ШАГ 3. Замените ССЫЛКА НА ИЗОБРАЖЕНИЕ прямой ссылкой на картинку. Если картинки нет, ничего не меняйте. --> <div class='wc-image'><img src='ССЫЛКА НА ИЗОБРАЖЕНИЕ' alt=''></div> <!-- ШАГ 4. Замените текст описания. Для нового абзаца скопируйте строку <p>...</p>. --> <div class='wc-description'> <p>ОПИСАНИЕ ПЕРСОНАЖА, КОТОРОГО ВЫ ИЩЕТЕ.</p> </div> <!-- ШАГ 5. Укажите, как с вами связаться. --> <div class='wc-contact'><span>связь</span>ТГ / ГОСТЕВАЯ / ВАШ ВАРИАНТ</div> </section>Код:<style> .wanted-card{box-sizing:border-box;width:calc(100% - 30px);max-width:900px;margin:18px auto;border:1px solid #5b4931;border-radius:4px;overflow:hidden;background:#171717 url('https://forumstatic.ru/files/001c/be/2e/19103.png') repeat;color:#cbc4bb;font-family:'Inter Tight',Arial,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.24)} .wanted-card *{box-sizing:border-box} .wanted-card .wc-head{position:relative;padding:30px 34px 25px;border-bottom:1px solid #4d3d29;background:linear-gradient(115deg,rgba(41,38,34,.98),rgba(20,20,20,.96))} .wanted-card .wc-head:before{content:'';position:absolute;top:30px;bottom:25px;left:0;width:3px;background:#b4453f} .wanted-card .wc-type{margin-bottom:9px;color:#b4453f;font:600 9px/1 Pragmatica,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase} .wanted-card .wc-title{display:block;margin:0;color:#d2a45f;font-family:Moisette,Cinzel,Georgia,serif;font-size:30px;font-weight:600;line-height:1.15;letter-spacing:.3px} .wanted-card .wc-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:16px} .wanted-card .wc-facts div{min-width:0;color:#dad4cc;font:11px/1.5 Pragmatica,Arial,sans-serif} .wanted-card .wc-facts span{display:block;margin-bottom:3px;color:#877e73;font-size:9px;font-weight:500;letter-spacing:1px;text-transform:uppercase} .wanted-card .wc-image-row{display:flex;gap:2px;height:330px;overflow:hidden;background:#111} .wanted-card .wc-image-row .wc-cell{position:relative;flex:1;min-width:0;overflow:hidden;background:linear-gradient(135deg,#252321,#111),url('https://forumstatic.ru/files/001c/be/2e/19103.png') repeat} .wanted-card .wc-image-row img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} .wanted-card .wc-image-row img[src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 1'], .wanted-card .wc-image-row img[src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 2'], .wanted-card .wc-image-row img[src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 3']{display:none} .wanted-card .wc-description{padding:28px 34px 12px;color:#c7c0b7;font:12px/1.75 'Inter Tight',Arial,sans-serif;text-align:justify} .wanted-card .wc-description p{margin:0 0 13px} .wanted-card .wc-description p:last-child{margin-bottom:0} .wanted-card .wc-contact{margin:6px 34px 30px;padding:12px 16px;border:1px solid #40382e;border-radius:3px;background:rgba(28,27,25,.85);color:#d5cec5;font:11px/1.5 Pragmatica,Arial,sans-serif} .wanted-card .wc-contact span{color:#877e73;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-right:8px} @media(max-width:620px){.wanted-card .wc-head{padding:24px 22px 21px}.wanted-card .wc-head:before{top:24px;bottom:21px}.wanted-card .wc-title{font-size:24px}.wanted-card .wc-facts{grid-template-columns:1fr}.wanted-card .wc-image-row{height:220px;flex-direction:column}.wanted-card .wc-description{padding:22px 20px 10px;text-align:left}.wanted-card .wc-contact{margin:6px 20px 24px}} </style> <!-- ВАРИАНТ Б — три картинки в ряд. ШАГ 1. Замените «ХОЧУ УВИДЕТЬ ...» на своё название. --> <section class='wanted-card'> <div class='wc-head'> <div class='wc-type'>нужен персонаж</div> <ttl class='wc-title'>ХОЧУ УВИДЕТЬ ...</ttl> <!-- ШАГ 2. Заполните имя/прозвище, возраст, фандом и имя внешности. --> <div class='wc-facts'> <div><span>имя / прозвище</span>ИМЯ ИЛИ ПРОЗВИЩЕ</div> <div><span>возраст</span>ВОЗРАСТ</div> <div><span>фандом</span>ФАНДОМ</div> <div><span>внешность</span>ИМЯ ВНЕШНОСТИ</div> </div> </div> <!-- ШАГ 3. Замените все три ССЫЛКА НА ИЗОБРАЖЕНИЕ N прямыми ссылками. Пустые ячейки можно оставить как есть. --> <div class='wc-image-row'> <div class='wc-cell'><img src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 1' alt=''></div> <div class='wc-cell'><img src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 2' alt=''></div> <div class='wc-cell'><img src='ССЫЛКА НА ИЗОБРАЖЕНИЕ 3' alt=''></div> </div> <!-- ШАГ 4. Замените текст описания. Для нового абзаца скопируйте строку <p>...</p>. --> <div class='wc-description'> <p>ОПИСАНИЕ ПЕРСОНАЖА, КОТОРОГО ВЫ ИЩЕТЕ.</p> </div> <!-- ШАГ 5. Укажите, как с вами связаться. --> <div class='wc-contact'><span>связь</span>ТГ / ГОСТЕВАЯ / ВАШ ВАРИАНТ</div> </section>
ХОЧУ УВИДЕТЬ ...
фамилия, имя: или прозвище; | фандом |
Описание любого концепта, который вы готовы подать в розыск на передачу «Жди меня». Пишите в свободной форме.
связь: тг/гостевая/ваш вариант. |
[align=center][size=20][b]ХОЧУ УВИДЕТЬ ...[/b][/size][/align][align=center][img]https://upforme.ru/uploads/001c/69/9f/2/542741.png[/img][/align][align=center][size=10][/size][/align] [table layout=fixed width=100%] [tr] [td][align=right][b]фамилия, имя:[/b] ваш текст; [b]возраст:[/b] ваш текст.[/align][/td] [td][size=10][b]фандом[/b] имя внешности[/size][/td] [/tr] [/table] Место для вашего описания. [table layout=fixed width=100%] [tr] [td][/td] [td][/td] [td][b]связь:[/b] тг/гостевая/ваш вариант.[/td] [/tr] [/table]
[hideprofile]





