[html]
<link id="btb-template-style" rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/8a/8a/76663.css">
<div class="btb-template ap-guest">
<!-- =====================================================
БАННЕР
===================================================== -->
<div class="guest-cover">
<img
src="https://upforme.ru/uploads/001c/8a/8a/11/93050.jpg"
alt="HP: BACK TO BLACK"
>
<div class="guest-cover-text">
<div class="guest-cover-title">
HP: BACK TO BLACK
</div>
<div class="guest-cover-subtitle">
magical britain • 2027 • third generation
</div>
</div>
</div>
<!-- =====================================================
ПРИВЕТСТВИЕ
===================================================== -->
<div class="btb-note guest-welcome">
Добро пожаловать на <b>BACK TO BLACK</b> — ролевую игру
по миру Гарри Поттера, события которой разворачиваются
в Магической Британии в <b>2027 году</b>.
Почти тридцать лет прошло после окончания Второй магической войны.
Старые герои выросли, их дети строят собственную жизнь,
а магическое общество вновь оказалось перед выбором:
где проходит граница между свободой и безопасностью?
Форум открыт как для канонических, так и для авторских персонажей.
Политический сюжет существует как общий фон и не обязывает
участвовать в нём.
</div>
<!-- =====================================================
БЫСТРЫЕ ССЫЛКИ
===================================================== -->
<div class="btb-section-title guest-links-title">
✦ Перед регистрацией ✦
</div>
<div class="guest-links">
<a class="guest-link"
href="ССЫЛКА_НА_СЮЖЕТ">
Сюжет
</a>
<a class="guest-link"
href="ССЫЛКА_НА_FAQ">
FAQ и правила
</a>
<a class="guest-link"
href="ССЫЛКА_НА_ВАКАНСИИ">
Вакансии
</a>
<a class="guest-link"
href="ССЫЛКА_НА_ВНЕШНОСТИ">
Внешности и фамилии
</a>
<a class="guest-link"
href="ССЫЛКА_НА_РАСЫ">
Расы и существа
</a>
<a class="guest-link"
href="ССЫЛКА_НА_ОРГАНИЗАЦИИ">
Движения и объединения
</a>
</div>
<!-- =====================================================
БРОНЬ
===================================================== -->
<div class="guest-columns">
<!-- =================================================
БРОНЬ И РЕГИСТРАЦИЯ
================================================= -->
<div class="btb-panel guest-card">
<div class="guest-card-title">
— Бронь и регистрация —
</div>
<div class="btb-body-text guest-card-body">
<div class="guest-rule">
Для зарегистрированного пользователя
роль и внешность придерживаются на
<b>5 дней</b> с возможностью одного продления.
</div>
<div class="guest-rule">
Для незарегистрированного гостя бронь действует
<b>2 дня</b> и обнуляется в <b>00:00</b> по мск.
</div>
<div class="guest-rule">
Перед бронью ознакомьтесь с
<a class="guest-inline-link"
href="ССЫЛКА_НА_ВНЕШНОСТИ">занятыми внешностями и фамилиями</a>.
</div>
<div class="guest-rule">
Если вы сомневаетесь в концепте персонажа,
профессии, происхождении или способности —
смело задавайте вопрос прямо в этой теме.
</div>
</div>
</div>
<!-- =================================================
СЕЙЧАС ПРИДЕРЖАНО
================================================= -->
<div class="btb-panel guest-card">
<div class="guest-card-title">
— Сейчас придержано —
</div>
<div class="guest-holds-list">
<!-- =================================================
ПЕРСОНАЖ / ИМЯ / РОЛЬ
КЛИКАБЕЛЬНАЯ РЫЖАЯ ССЫЛКА
================================================= -->
Внешности:<br>
<b>Anya Taylor-Joy</b> — AMS<br>
<b>Ben Barnes</b> — AMS<br>
<b>Christopher Briney</b> — 13.09<br>
<b>Connor Storrie</b> — 13.09<br>
<b>Dacre Montgomery</b> — 13.09<br>
<b>Dónal Finn</b> — 13.09<br>
<b>Ella Purnell</b> — 13.09<br>
<b>Harris Dickinson</b> — AMS<br>
<b>Harry Gilby</b> — AMS<br>
<b>Herman Tømmeraas</b> — 13.09<br>
<b>Hwang Hyunjin</b> — 13.09<br>
<b>Jack O'Connell</b> — 13.09<br>
<b>James Norton</b> — 13.09<br>
<b>Jung Ho Yeon</b> — AMS<br>
<b>Nick Robinson</b> — 13.09<br>
<b>Oscar Morgan</b> — 13.09<br>
<b>Owen Painter</b> — 13.09<br>
<b>Reece King</b> — AMS<br>
<b>Sadie Sink</b> — AMS<br>
<b>Saoirse Ronan</b> — 13.09<br>
<b>Simone Ashley</b> — 13.09<br>
<b>Sophie Thatcher</b> — 13.09<br>
<b>Tom Holland</b> — 13.09<br>
<br>Роли:<br>
<b>Draco Malfoy</b> — 13.09<br>
<b>Fawley</b> — 13.09<br>
<b>Flint</b> — 13.09<br>
<b>Goldstein</b> — 13.09<br>
<b>Hermione Granger-Weasley</b> — AMS<br>
<b>James Sirius Potter</b> — 13.09<br>
<b>Nott</b> — 13.09<br>
<b>Patil</b> — 13.09<br>
<b>Ron Weasley</b> — 13.09<br>
<b>Scorpius Malfoy</b> — 13.09<br>
<b>Wood</b> — 13.09<br>
<b>Zabini</b> — AMS<br>
<!--
НОВЫЕ БРОНИ ВСТАВЛЯТЬ СЮДА.
ЕСЛИ БРОНЕЙ НЕТ:
<div class="guest-empty">
пока свободно
</div>
-->
</div>
</div>
</div>
<!-- =====================================================
ЗАБРАТЬ КОД
===================================================== -->
<div class="guest-templates">
<div class="btb-section-title guest-section-title">
✦ Забрать код ✦
</div>
<div class="guest-code-grid">
<!-- =================================================
ПЕРСОНАЖ / ИМЯ / РОЛЬ
================================================= -->
<div class="btb-panel guest-code-card">
<div class="guest-code-title">
Персонаж / имя / роль
</div>
<div class="guest-code">
<textarea
class="guest-code-field guest-code-field-mini"
readonly
spellcheck="false"
onclick="this.select();"
onfocus="this.select();"
><b><a href="ссылка на профиль">имя / роль</a></b> — ваш ник<br></textarea>
<button
type="button"
class="guest-copy-button"
onclick="copyGuestCode(this); return false;"
>
Скопировать код
</button>
</div>
</div>
<!-- =================================================
ВНЕШНОСТЬ
================================================= -->
<div class="btb-panel guest-code-card">
<div class="guest-code-title">
Внешность
</div>
<div class="guest-code">
<textarea
class="guest-code-field guest-code-field-mini"
readonly
spellcheck="false"
onclick="this.select();"
onfocus="this.select();"
><b>внешность на англ.</b> — ваш ник<br></textarea>
<button
type="button"
class="guest-copy-button"
onclick="copyGuestCode(this); return false;"
>
Скопировать код
</button>
</div>
</div>
<!-- =================================================
ХОЧУ К ВАМ
================================================= -->
<div class="btb-panel guest-code-card guest-code-card-wide">
<div class="guest-code-title">
Хочу к вам
</div>
<div class="guest-code">
<textarea
id="guest-want-code"
class="guest-code-field guest-code-field-short"
readonly
spellcheck="false"
onclick="this.select();"
onfocus="this.select();"
></textarea>
<button
type="button"
class="guest-copy-button"
onclick="copyGuestCode(this); return false;"
>
Скопировать код
</button>
</div>
</div>
</div>
</div>
<!-- =====================================================
ВОПРОСЫ
===================================================== -->
<div class="guest-question">
<div class="guest-question-title">
Остались вопросы?
</div>
<div class="btb-caption guest-question-text">
Не стесняйтесь писать прямо в гостевой —
поможем с концептом, каноном, вакансией,
внешностью или поиском места персонажа в мире.
</div>
</div>
</div>
<script>
(function () {
"use strict";
/* ========================================================
КОД «ХОЧУ К ВАМ»
Редактировать содержимое можно прямо здесь.
BBCode собирается через функции openTag/closeTag,
поэтому RusFF не превращает его в HTML заранее.
======================================================== */
function openTag(tag) {
return String.fromCharCode(91) + tag + String.fromCharCode(93);
}
function closeTag(tag) {
return String.fromCharCode(91) + "/" + tag + String.fromCharCode(93);
}
function fillGuestWantCode() {
var field = document.getElementById("guest-want-code");
if (!field) return;
field.value = [
openTag("align=center") +
openTag("size=14") +
openTag("b") +
"ХОЧУ БЫТЬ" +
closeTag("b") +
closeTag("size"),
openTag("i") +
"раса / фамилия / другое" +
closeTag("i") +
closeTag("align"),
openTag("hr"),
openTag("b") +
"Концепт:" +
closeTag("b"),
"кратко о персонаже и задумке",
"",
openTag("b") +
"Другие пожелания:" +
closeTag("b"),
"всё, что хотелось бы добавить"
].join("\n");
}
fillGuestWantCode();
/* ========================================================
КОПИРОВАНИЕ КОДА
Чтобы изменить шаблон — достаточно изменить текст
внутри нужного <textarea>. Сам JS трогать не нужно.
======================================================== */
function showCopied(button) {
var oldText = button.textContent;
button.textContent = "Скопировано";
button.classList.add("guest-copy-success");
window.setTimeout(function () {
button.textContent = oldText;
button.classList.remove("guest-copy-success");
}, 1800);
}
function fallbackCopy(field, button) {
field.focus();
field.select();
field.setSelectionRange(0, field.value.length);
var copied = false;
try {
copied = document.execCommand("copy");
} catch (error) {
copied = false;
}
if (copied) {
showCopied(button);
}
}
window.copyGuestCode = function (button) {
var card = button.closest(".guest-code-card");
if (!card) return;
var field = card.querySelector(".guest-code-field");
if (!field) return;
var value = field.value;
if (navigator.clipboard && window.isSecureContext) {
navigator.clipboard.writeText(value)
.then(function () {
showCopied(button);
})
.catch(function () {
fallbackCopy(field, button);
});
} else {
fallbackCopy(field, button);
}
};
/* ========================================================
ОБЩИЙ ПОЛЗУНОК ШРИФТА
======================================================== */
var root = document.querySelector(".btb-template");
if (!root) return;
function hasOwnText(element) {
var tag = (element.tagName || "").toLowerCase();
if (/^(input|textarea|select|option|button)$/.test(tag)) {
return true;
}
for (var i = 0; i < element.childNodes.length; i++) {
var node = element.childNodes[i];
if (
node.nodeType === 3 &&
/\S/.test(node.nodeValue || "")
) {
return true;
}
}
return false;
}
function rememberSizes() {
var elements = root.querySelectorAll("*");
for (var i = 0; i < elements.length; i++) {
var el = elements[i];
if (!hasOwnText(el)) continue;
if (el.dataset.btbBaseFont) continue;
var size = parseFloat(
window.getComputedStyle(el).fontSize
);
if (!isNaN(size) && size > 0) {
el.dataset.btbBaseFont = String(size);
}
}
}
function applyScale(scale) {
scale = parseFloat(scale);
if (isNaN(scale)) {
scale = 1;
}
rememberSizes();
var elements = root.querySelectorAll("*");
for (var i = 0; i < elements.length; i++) {
var el = elements[i];
var base = parseFloat(
el.dataset.btbBaseFont
);
if (isNaN(base)) continue;
el.style.setProperty(
"font-size",
(base * scale).toFixed(2) + "px",
"important"
);
}
}
window.addEventListener(
"message",
function (event) {
if (
!event.data ||
event.data.type !== "BTB_FONT_SCALE"
) {
return;
}
applyScale(event.data.scale);
}
);
function requestFontScale() {
try {
parent.postMessage(
{ type: "BTB_FONT_REQUEST" },
"*"
);
} catch (error) {}
}
if (document.readyState === "complete") {
requestFontScale();
} else {
window.addEventListener("load", requestFontScale);
}
})();
</script>
[/html]

Имя или кто
Текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла текст заявки бла бла бла 