[html]
<!-- === разработано для BILLBOARD: megan_foxxxy & opium === -->
<div id="bbsubmit">
<div class="bbsubmit-title">
ЛИЧНЫЕ КОДЫ СТРАНИЦЫ
</div>
<div class="bbsubmit-block">
<div class="bbsubmit-head">
а. занимаемая внешность
</div>
<div class="bbsubmit-three">
<div class="bbsubmit-field">
<div class="bbsubmit-label">
group / solo / actor *
</div>
<input
id="bbsubmit-face-group"
type="text"
placeholder="actor"
>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
ссылка на профиль *
</div>
<input
id="bbsubmit-profile"
type="text"
placeholder="https://billboard.rusff.me/profile.php?id=..."
>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
имя фамилия внешности *
</div>
<input
id="bbsubmit-face-name"
type="text"
placeholder="name surname"
>
</div>
</div>
<div class="bbsubmit-field bbsubmit-double-field">
<div class="bbsubmit-label">
разрешаете брать дубль внешности? *
</div>
<div class="bbsubmit-choice">
<label>
<input
type="radio"
name="bbsubmit-double"
value="yes"
>
<span>да</span>
</label>
<label>
<input
type="radio"
name="bbsubmit-double"
value="no"
>
<span>нет</span>
</label>
</div>
<div class="bbsubmit-note">
если выбрано «да», в списке внешностей после записи появится *
</div>
</div>
</div>
<div class="bbsubmit-block">
<div class="bbsubmit-head">
б. личная страница
</div>
<div class="bbsubmit-help">
шпаргалки для ответов:
<a
href="https://testograd.com/test/test-na-kholerika-sangvinika-flegmatika-melankholika/"
target="_blank"
>
тест на темперамент
</a>
<span>•</span>
<a
href="https://www.grandars.ru/college/psihologiya/temperament.html"
target="_blank"
>
виды темперамента
</a>
<span>•</span>
<a
href="https://www.16personalities.com/ru/tipy-lichnosti"
target="_blank"
>
виды MBTI
</a>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
1. фамилия имя, возраст (англ.) *
</div>
<div class="bbsubmit-two">
<input
id="bbsubmit-char-name"
type="text"
placeholder="подтянется автоматически"
>
<input
id="bbsubmit-age"
type="number"
min="1"
max="120"
placeholder="возраст"
>
</div>
<div
id="bbsubmit-name-age-preview"
class="bbsubmit-mini-preview"
>
name surname, 00
</div>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
2. ссылка на анкету *
</div>
<input
id="bbsubmit-form-url"
type="text"
placeholder="подтянется автоматически"
>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
3. аватар персонажа 60×60 или любое квадратное изображение *
</div>
<div class="bbsubmit-avatar-line">
<input
id="bbsubmit-avatar"
type="text"
placeholder="https://..."
>
<div class="bbsubmit-avatar-preview">
<img
id="bbsubmit-avatar-img"
alt=""
>
<span id="bbsubmit-avatar-empty">
60×60
</span>
</div>
</div>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
4. профессия *
</div>
<input
id="bbsubmit-job"
type="text"
placeholder="уничтожитель мармеладных медведей"
>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
5. ссылка на пару + имя пары
<small>по желанию</small>
</div>
<div class="bbsubmit-two">
<input
id="bbsubmit-pair-url"
type="text"
placeholder="ссылка на профиль пары"
>
<input
id="bbsubmit-pair-name"
type="text"
placeholder="имя пары"
>
</div>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
6. ссылка на instagram
<small>по желанию</small>
</div>
<input
id="bbsubmit-instagram"
type="text"
placeholder="https://billboard.rusff.me/..."
>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
7. знак зодиака *
</div>
<select id="bbsubmit-zodiac">
<option value="">
выбрать знак
</option>
<option value="Aries">Aries (Овен)</option>
<option value="Taurus">Taurus (Телец)</option>
<option value="Gemini">Gemini (Близнецы)</option>
<option value="Cancer">Cancer (Рак)</option>
<option value="Leo">Leo (Лев)</option>
<option value="Virgo">Virgo (Дева)</option>
<option value="Libra">Libra (Весы)</option>
<option value="Scorpio">Scorpio (Скорпион)</option>
<option value="Sagittarius">Sagittarius (Стрелец)</option>
<option value="Capricorn">Capricorn (Козерог)</option>
<option value="Aquarius">Aquarius (Водолей)</option>
<option value="Pisces">Pisces (Рыбы)</option>
</select>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
8. темперамент
<small>по желанию</small>
</div>
<select id="bbsubmit-temperament">
<option value="">
не указывать
</option>
<option value="холерик">холерик</option>
<option value="сангвиник">сангвиник</option>
<option value="флегматик">флегматик</option>
<option value="меланхолик">меланхолик</option>
</select>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
9. MBTI
<small>по желанию</small>
</div>
<select id="bbsubmit-mbti">
<option value="">
не указывать
</option>
<option value="INTJ">INTJ</option>
<option value="INTP">INTP</option>
<option value="ENTJ">ENTJ</option>
<option value="ENTP">ENTP</option>
<option value="INFJ">INFJ</option>
<option value="INFP">INFP</option>
<option value="ENFJ">ENFJ</option>
<option value="ENFP">ENFP</option>
<option value="ISTJ">ISTJ</option>
<option value="ISFJ">ISFJ</option>
<option value="ESTJ">ESTJ</option>
<option value="ESFJ">ESFJ</option>
<option value="ISTP">ISTP</option>
<option value="ISFP">ISFP</option>
<option value="ESTP">ESTP</option>
<option value="ESFP">ESFP</option>
</select>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
10. трек *
</div>
<div class="bbsubmit-two">
<input
id="bbsubmit-track-artist"
type="text"
placeholder="исполнитель"
>
<input
id="bbsubmit-track-name"
type="text"
placeholder="название песни"
>
</div>
<div
id="bbsubmit-track-preview"
class="bbsubmit-mini-preview"
>
исполнитель — название песни
</div>
</div>
</div>
<div class="bbsubmit-block">
<div class="bbsubmit-head">
в. выбор приветственного набора
</div>
<div class="bbsubmit-sets">
<!-- НАБОР #1 -->
<div
class="bbsubmit-set"
id="bbsubmit-set-1"
data-icon="https://upforme.ru/uploads/001c/0b/06/5/504696.png"
data-plank="https://upforme.ru/uploads/001c/0b/06/5/164062.png"
data-bg="https://upforme.ru/uploads/001c/0b/06/5/833351.png"
>
<div class="bbsubmit-set-title">
набор 01
</div>
<div class="bbsubmit-set-content">
<div class="bbsubmit-set-icon">
<img
id="bbsubmit-set1-icon"
alt=""
>
</div>
<div class="bbsubmit-set-side">
<div class="bbsubmit-set-plank">
<img
id="bbsubmit-set1-plank"
alt=""
>
</div>
<div class="bbsubmit-set-bg">
<img
id="bbsubmit-set1-bg"
alt=""
>
</div>
</div>
</div>
<button
type="button"
class="bbsubmit-set-button"
data-number="1"
>
выбрать
</button>
</div>
<!-- НАБОР #2 -->
<div
class="bbsubmit-set"
id="bbsubmit-set-2"
data-icon="https://upforme.ru/uploads/001c/0b/06/5/786851.png"
data-plank="https://upforme.ru/uploads/001c/0b/06/5/618927.png"
data-bg="https://upforme.ru/uploads/001c/0b/06/5/662244.png"
>
<div class="bbsubmit-set-title">
набор 02
</div>
<div class="bbsubmit-set-content">
<div class="bbsubmit-set-icon">
<img
id="bbsubmit-set2-icon"
alt=""
>
</div>
<div class="bbsubmit-set-side">
<div class="bbsubmit-set-plank">
<img
id="bbsubmit-set2-plank"
alt=""
>
</div>
<div class="bbsubmit-set-bg">
<img
id="bbsubmit-set2-bg"
alt=""
>
</div>
</div>
</div>
<button
type="button"
class="bbsubmit-set-button"
data-number="2"
>
выбрать
</button>
</div>
</div>
<div
id="bbsubmit-set-status"
class="bbsubmit-set-status"
>
оформление пока не выбрано
</div>
</div>
<div class="bbsubmit-block">
<div class="bbsubmit-head">
г. личное звание
</div>
<div class="bbsubmit-three">
<div class="bbsubmit-field">
<div class="bbsubmit-label">
ссылка на анкету *
</div>
<input
id="bbsubmit-lz-url"
type="text"
placeholder="подтянется автоматически"
>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
имя фамилия на кириллице *
</div>
<input
id="bbsubmit-lz-name"
type="text"
placeholder="подтянется автоматически"
>
</div>
<div class="bbsubmit-field">
<div class="bbsubmit-label">
возраст *
</div>
<input
id="bbsubmit-lz-age"
type="number"
min="1"
max="120"
placeholder="автоматически"
>
</div>
</div>
<div class="bbsubmit-note">
ссылка, имя и возраст подставляются автоматически, но их можно изменить вручную
</div>
<div class="bbsubmit-field bbsubmit-lz-field">
<div class="bbsubmit-label">
текст / код личного звания *
</div>
<div class="bbsubmit-tools">
<button type="button" data-insert="br">br</button>
<button type="button" data-insert="hr">hr</button>
<button type="button" data-tag="b">b</button>
<button type="button" data-tag="i">i</button>
<button type="button" data-tag="u">u</button>
<button type="button" data-tag="s">s</button>
<button type="button" data-tag="sub">sub</button>
<button type="button" data-tag="sup">sup</button>
<button type="button" data-tag="small">small</button>
<button type="button" data-tag="big">big</button>
<div class="bbsubmit-color-tools">
<input
type="color"
id="bbsubmit-color-picker"
value="#9d3b32"
title="выбрать цвет"
>
<input
type="text"
id="bbsubmit-color-hex"
value="#9d3b32"
maxlength="7"
title="HEX"
>
<button
type="button"
id="bbsubmit-color-button"
>
цвет
</button>
</div>
<button
type="button"
id="bbsubmit-pair-button"
>
пара
</button>
</div>
<div
id="bbsubmit-lz-code"
class="bbsubmit-textarea"
contenteditable="true"
spellcheck="false"
data-placeholder="сюда вводится код вашего личного звания"
></div>
</div>
<div class="bbsubmit-preview-label">
предпросмотр личного звания
</div>
<div class="bbsubmit-lz-preview">
<a
id="bbsubmit-lz-preview-title"
href="#"
>
name surname, 00
</a>
<br><br>
<div
id="bbsubmit-lz-preview-body"
class="fb-lz"
>
здесь появится ваше личное звание
</div>
</div>
</div>
<div class="bbsubmit-block">
<div class="bbsubmit-head">
готовый код для вставки
</div>
<div
id="bbsubmit-result"
class="bbsubmit-result"
></div>
<button
type="button"
id="bbsubmit-copy"
>
забрать готовый код
</button>
<div id="bbsubmit-copy-status"></div>
</div>
</div>
<link
rel="stylesheet"
href="https://forumstatic.ru/files/001c/92/6e/19528.css?v=2"
>
<script src="https://forumstatic.ru/files/001c/92/6e/92815.js?v=3"></script>
[/html]