Тут размещается текст важного поста, объявления
или лучшего сообщения. Если текста станет много,
внутри этой области появится вертикальная прокрутка.
Ссылка внизу при этом останется на своём месте.
Читать пост
Хтмл шаблон: Анкеты
Страница: 1
Сообщений 1 страница 1 из 1
Поделиться12026-08-25 19:16:05
- Администратор
- Эдлин Миллер
- Победе грош цена, коль не дает нам радости она. Милей судьбой с убитым поменяться, чем страхами, убив его, терзаться.
- Сообщений: 224
- Уважение: +0
[html]<div class="character-form fullwidth-template">
<header class="character-form-header">
<div class="character-form-number">FILE № 001</div>
<h2>NAME SURNAME</h2>
<div class="character-form-name">ИМЯ ФАМИЛИЯ</div>
<div class="character-form-nickname">
<span>alias</span>
Nickname / Прозвище
</div>
</header>
<figure class="character-form-visual">
<img src="https://i.pinimg.com/736x/6c/4b/eb/6c4bebfadd8be55e7b03f7c0681588ad.jpg"
alt="Имя прототипа внешности">
<figcaption>
<span>face claim</span>
Имя прототипа внешности
</figcaption>
</figure>
<section class="character-form-summary">
<div class="character-form-fact">
<span class="character-form-icon">
<i class="fa-solid fa-building-shield"></i>
</span>
<div>
<b>Affiliation</b>
<p>Астра / Кузница / одиночка / другое</p>
</div>
</div>
<div class="character-form-fact">
<span class="character-form-icon">
<i class="fa-solid fa-user-secret"></i>
</span>
<div>
<b>Identity</b>
<p>публичная / известна властям и корпорациям / анрег</p>
</div>
</div>
<div class="character-form-fact">
<span class="character-form-icon">
<i class="fa-solid fa-ranking-star"></i>
</span>
<div>
<b>Rank</b>
<p>A-класс / Альфа (α) / не присвоен</p>
</div>
</div>
<div class="character-form-fact">
<span class="character-form-icon">
<i class="fa-solid fa-hourglass-half"></i>
</span>
<div>
<b>Age</b>
<p>возраст цифрой</p>
</div>
</div>
</section>
<main class="character-form-content">
<section class="character-form-section">
<header class="character-form-section-title">
<span>01</span>
<div>
<h3>History</h3>
<small>история персонажа</small>
</div>
</header>
<div class="character-form-text">
<p>
Здесь располагается история вашего персонажа. Её можно
оформить литературным рассказом, хронологией или отдельными
смысловыми пунктами.
</p>
<p>
Текст можно разделять на несколько абзацев — ширина строки
и межстрочное расстояние уже настроены для долгого чтения.
</p>
</div>
</section>
<section class="character-form-section">
<header class="character-form-section-title">
<span>02</span>
<div>
<h3>Abilities</h3>
<small>способности и навыки</small>
</div>
</header>
<div class="character-form-text">
<p>
Здесь рассказывается о способностях, навыках, подготовке
и особенностях персонажа.
</p>
<p>
При необходимости укажите ограничения, слабости,
побочные эффекты и условия применения способностей.
</p>
</div>
</section>
</main>
<section class="character-form-details">
<div class="character-form-detail">
<b>Образ</b>
<p>
<a href="ссылка_на_изображение_костюма">посмотреть костюм</a>
</p>
</div>
<div class="character-form-detail">
<b>Основной персонаж</b>
<p>имя основного персонажа или ссылка на профиль</p>
</div>
<div class="character-form-detail">
<b>Дополнительно</b>
<p>игровые предпочтения, пожелания и важные примечания</p>
</div>
</section>
<section class="character-form-sample">
<header class="character-form-sample-title">
<span>03</span>
<div>
<h3>Writing sample</h3>
<small>пробный пост</small>
</div>
</header>
<div class="character-form-sample-text">
<p>
Сюда вставляется текст пробного поста персонажа.
</p>
<p>
Можно использовать любое количество абзацев.
</p>
</div>
</section>
</div>
[/html]
[hideprofile][html]<div class="tgd-generator" id="tgd-character-generator">
<header class="tgd-generator__header">
<div class="tgd-generator__issue">
THE GLORY DAYS · APPLICATION CREATOR
</div>
<div class="tgd-generator__heading">
<h2>Генератор анкеты</h2>
<span>CHARACTER FILE</span>
</div>
<p>
Заполните поля, сгенерируйте код и вставьте его в новую тему.
Черновик сохраняется автоматически.
</p>
</header>
<div class="tgd-generator__section">
<div class="tgd-generator__section-title">
<span>01</span>
<div>
<h3>Identity</h3>
<small>основная информация</small>
</div>
</div>
<div class="tgd-generator__grid">
<div class="tgd-generator__field">
<label for="cfg-file">Номер файла</label>
<input
id="cfg-file"
type="text"
placeholder="001"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-name-en">Имя и фамилия на английском</label>
<input
id="cfg-name-en"
type="text"
placeholder="NAME SURNAME"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-name-ru">Имя и фамилия на русском</label>
<input
id="cfg-name-ru"
type="text"
placeholder="ИМЯ ФАМИЛИЯ"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-nickname">Прозвище</label>
<input
id="cfg-nickname"
type="text"
placeholder="Nickname / Прозвище"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-age">Возраст</label>
<input
id="cfg-age"
type="text"
inputmode="numeric"
placeholder="35"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-affiliation">Принадлежность</label>
<input
id="cfg-affiliation"
type="text"
placeholder="Астра / Кузница / одиночка"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-rank">Ранг персонажа</label>
<select id="cfg-rank">
<option value="">Не присвоен</option>
<optgroup label="Классы героев">
<option value="D-класс">D-класс</option>
<option value="C-класс">C-класс</option>
<option value="B-класс">B-класс</option>
<option value="A-класс">A-класс</option>
<option value="S-класс">S-класс</option>
</optgroup>
<optgroup label="Уровни опасности злодеев">
<option value="Гамма (γ)">Гамма (γ)</option>
<option value="Бета (β)">Бета (β)</option>
<option value="Альфа (α)">Альфа (α)</option>
<option value="Омега (ω)">Омега (ω)</option>
<option value="Сигма (σ) — особая категория">
Сигма (σ) — особая категория
</option>
</optgroup>
</select>
</div>
<div class="tgd-generator__field tgd-generator__full">
<label for="cfg-identity">Идентичность</label>
<input
id="cfg-identity"
type="text"
placeholder="публичная / известна властям / анрег"
>
</div>
</div>
</div>
<div class="tgd-generator__section">
<div class="tgd-generator__section-title">
<span>02</span>
<div>
<h3>Face claim</h3>
<small>изображение и внешность</small>
</div>
</div>
<div class="tgd-generator__grid">
<div class="tgd-generator__field tgd-generator__full">
<label for="cfg-image">Прямая ссылка на изображение</label>
<input
id="cfg-image"
type="url"
placeholder="https://...jpg"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-fandom">Название фандома</label>
<input
id="cfg-fandom"
type="text"
placeholder="The Boys"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-face">Имя прототипа внешности</label>
<input
id="cfg-face"
type="text"
placeholder="Homelander"
>
</div>
</div>
</div>
<div class="tgd-generator__section">
<div class="tgd-generator__section-title">
<span>03</span>
<div>
<h3>Biography</h3>
<small>история и способности</small>
</div>
</div>
<div class="tgd-generator__grid">
<div class="tgd-generator__field tgd-generator__full">
<label for="cfg-history">История персонажа</label>
<div data-cfg-textarea
id="cfg-history"
data-placeholder="История литературным текстом или по пунктам"></div>
</div>
<div class="tgd-generator__field tgd-generator__full">
<label for="cfg-abilities">Способности и навыки</label>
<div data-cfg-textarea
id="cfg-abilities"
data-placeholder="Способности, навыки, ограничения и слабости"></div>
</div>
</div>
</div>
<div class="tgd-generator__section">
<div class="tgd-generator__section-title">
<span>04</span>
<div>
<h3>Details</h3>
<small>дополнительная информация</small>
</div>
</div>
<div class="tgd-generator__grid">
<div class="tgd-generator__field">
<label for="cfg-costume">Ссылка на изображение костюма</label>
<input
id="cfg-costume"
type="url"
placeholder="https://...jpg"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-main-character-name">
Имя основного персонажа
</label>
<input
id="cfg-main-character-name"
type="text"
placeholder="Имя персонажа"
>
</div>
<div class="tgd-generator__field">
<label for="cfg-main-character-url">
Ссылка на профиль персонажа
</label>
<input
id="cfg-main-character-url"
type="url"
placeholder="https://.../profile.php?id=1"
>
</div>
<div class="tgd-generator__field tgd-generator__full">
<label for="cfg-additional">Дополнительно</label>
<div data-cfg-textarea
id="cfg-additional"
data-placeholder="Игровые предпочтения, пожелания и примечания"></div>
</div>
</div>
</div>
<div class="tgd-generator__section">
<div class="tgd-generator__section-title">
<span>05</span>
<div>
<h3>Writing sample</h3>
<small>пробный пост с BB-кодами</small>
</div>
</div>
<div class="tgd-generator__field tgd-generator__full">
<label for="cfg-sample">
Пробный пост
<span class="tgd-generator__counter">
символов:
<b id="cfg-sample-count">0</b>
</span>
</label>
<div data-cfg-textarea
id="cfg-sample"
class="tgd-generator__sample"
data-placeholder="Вставьте пробный пост вместе с BB-кодами"></div>
<div class="tgd-generator__hint">
Поддерживаются:
[b], [i], [u], [s], , [align],
[url=https://...]. Переносы строк сохраняются.
</div>
</div>
</div>
<div class="tgd-generator__buttons">
<button type="button" id="cfg-generate">
сгенерировать анкету
</button>
<button
type="button"
class="cfg-copy"
data-copy-target="cfg-result"
>
скопировать код
</button>
<button
type="button"
id="cfg-clear"
class="tgd-generator__button--secondary"
>
очистить черновик
</button>
</div>
<div class="tgd-generator__result">
<label>Готовый код анкеты</label>
<pre id="cfg-result"></pre>
<div id="cfg-copy-note" class="tgd-generator__note"></div>
</div>
</div>
<script>
document.querySelectorAll('#tgd-character-generator [data-cfg-textarea]').forEach(function (element) {
var field = document.createElement('textarea');
field.id = element.id;
field.className = element.className;
field.placeholder = element.getAttribute('data-placeholder') || '';
element.replaceWith(field);
});
</script>
<script src="https://forumstatic.ru/files/001c/25/f9/54997.js?v=2"></script>
[/html]
Страница: 1
