Джеймс С. Поттер, 23
Старший брат
Мисс Забини, 26
Активистка Лиги Равных Прав и старшая сестра
Господин Мор, 30
Человек, готовый на всё ради своих амбиций (и рода)
Гойл, 21
Требуется "сильный" в нашу компанию
[html]
<link id="btb-template-style" rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/c9/97/43351.css">
<style>
/* =========================================================
ЗАНЯТЫЕ ВНЕШНОСТИ — УПРОЩЁННЫЕ ЗАПИСИ
Теперь игрокам достаточно:
<b>Внешность</b> — <a href="...">Персонаж</a>
========================================================= */
.ap-person > b {
color: #d2d3ce;
font-weight: bold;
}
.ap-person > a {
color: var(--btb-gold-light) !important;
text-decoration: none !important;
}
.ap-person > a:visited {
color: var(--btb-gold-light) !important;
text-decoration: none !important;
}
.ap-person > a:hover {
color: #e0b477 !important;
text-decoration: none !important;
}
</style>
<div class="btb-template ap-faces">
<div class="btb-template-title ap-faces-title">
Занятые внешности и фамилии
</div>
<div class="btb-template-subtitle ap-faces-subtitle">
внешности • фамилии
</div>
<div class="btb-template-line ap-faces-line"></div>
<div class="btb-note ap-faces-note">
За одним персонажем закрепляется <b>одна внешность</b>.
Фамилия должна быть уникальной, если иное
не обусловлено родственными связями или каноном. Быстрый поиск по <b>ctrl+f</b>.
<b>*</b> — можно взять родственников.
</div>
<!-- ==================================================
КАК ДОБАВЛЯТЬ НОВЫЕ ЗАПИСИ
ВНЕШНОСТЬ:
<div class="ap-person"><b>Имя актёра</b><span class="dash">—</span><a href="/profile.php?id=123">Имя персонажа</a></div>
ФАМИЛИЯ:
<div class="ap-name">Surname <span>— Фамилия</span></div>
================================================== -->
<div class="ap-faces-grid">
<!-- ==================== ВНЕШНОСТИ ==================== -->
<div class="ap-column">
<div class="ap-column-title">Внешности</div>
<div class="btb-panel ap-group">
<div class="ap-group-letter">A — B — C — D — E — F</div>
<div class="ap-list">
<div class="ap-person"><b>Assad Zaman</b> <span class="dash">—</span> <a href="https://btb.rusff.me/profile.php?id=21">Pavitr Patil</a></div>
</div>
</div>
<div class="btb-panel ap-group">
<div class="ap-group-letter">G — H — I — J — K — L</div>
<div class="ap-list">
<div class="ap-person"><b>Harris Dickinson</b> <span class="dash">—</span> <a href="https://btb.rusff.me/profile.php?id=19">Noah Goldstein</a></div>
<div class="ap-person"><b>Jacob Elordi</b> <span class="dash">—</span> <a href="/profile.php?id=24">Aaron Nott</a></div>
<div class="ap-person"><b>James McAvoy</b><span class="dash">—</span><a href="https://btb.rusff.me/viewtopic.php?id=12#p57">Harry Potter</a></div>
<div class="ap-person"><b>Jessica Chastain</b> <span class="dash">—</span> <a href="https://btb.rusff.me/profile.php?id=29">Ginny Potter</a></div>
<div class="ap-person"><b>Hannah Dodd</b> <span class="dash">—</span> <a href="https://btb.rusff.me/profile.php?id=22">Victoire Weasley</a></div>
<div class="ap-person"><b>Louis Hofmann</b> <span class="dash">—</span> <a href="/profile.php?id=1">Scorpius Malfoy</a></div>
</div>
</div>
<div class="btb-panel ap-group">
<div class="ap-group-letter">M — N — O — P — Q — R</div>
<div class="ap-list">
<div class="ap-person"><b>Milena Tscharntke</b> <span class="dash">—</span> <a href="/profile.php?id=17"> Sophia Greengrass</a></div>
<div class="ap-person"><b>Noah Schnapp</b><span class="dash">—</span><a href="https://btb.rusff.me/profile.php?id=3">Albus Potter</a></div>
<div class="ap-person"><b>Rachel Weisz</b><span class="dash">—</span><a href="https://btb.rusff.me/profile.php?id=12">
Hermione Granger-Weasley</a></div>
<div class="ap-person"><b>Reece King</b><span class="dash">—</span><a href="https://btb.rusff.me/profile.php?id=5">
Matteo Zabini</a></div>
</div>
</div>
<div class="btb-panel ap-group">
<div class="ap-group-letter">S — T — U — V — W — X — Y — Z</div>
<div class="ap-list">
<div class="ap-person"><b>Sabrina Carpenter</b> <span class="dash">—</span> <a href="/profile.php?id=28">Alice Longbottom</a></div>
<div class="ap-person"><b>Sadie Sink</b> <span class="dash">—</span> <a href="/profile.php?id=10">Lily Potter</a></div>
<div class="ap-person"><b>Simone Ashley</b> <span class="dash">—</span> <a href="/profile.php?id=15">Saraswati Patil</a></div>
<div class="ap-person"><b>Zendaya</b><span class="dash">—</span><a href="https://btb.rusff.me/profile.php?id=6">Zoe Jordan</a></div>
</div>
</div>
</div>
<!-- ==================== ФАМИЛИИ ==================== -->
<div class="ap-column">
<div class="ap-column-title">Фамилии</div>
<div class="btb-panel ap-registry">
<div class="ap-registry-list">
<div class="ap-letter">F</div>
<div class="ap-name">Surname<span>— Фамилия</span> </div>
<div class="ap-letter">G</div>
<div class="ap-name">Goldstein<span> — Голдштейн</span> *</div>
<div class="ap-name">Granger <span>— Грейнджер</span></div>
<div class="ap-name">Greengrass<span> — Гринграсс</span> *</div>
<div class="ap-letter">J</div>
<div class="ap-name">Jordan <span>— Джордан</span></div>
<div class="ap-letter">L</div>
<div class="ap-name">Longbottom<span> — Лонгботтом</span> *</div>
<div class="ap-name">Lovegood <span>— Лавгуд</span></div>
<div class="ap-name">Lupin <span>— Люпин</span></div>
<div class="ap-letter">M</div>
<div class="ap-name">Malfoy <span>— Малфой</span> *</div>
<div class="ap-letter">N</div>
<div class="ap-name">Nott <span>— Нотт</span> *</div>
<div class="ap-letter">P</div>
<div class="ap-name">Patil<span> — Патил</span> *</div>
<div class="ap-name">Potter <span>— Поттер</span></div>
<div class="ap-letter">S</div>
<div class="ap-name">Scamander <span>— Скамандер</span></div>
<div class="ap-name">Spinnet <span>— Спиннет</span> *</div>
<div class="ap-letter">W</div>
<div class="ap-name">Weasley <span>— Уизли</span></div>
<div class="ap-letter">Z</div>
<div class="ap-name">Zabini <span>— Забини</span> *</div>
</div>
</div>
</div>
</div>
<div class="btb-template-footer ap-faces-footer">
Если нужная внешность находится на брони, проверить срок придерживания можно в гостевой теме.
</div>
</div>
<script>
(function () {
"use strict";
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]