шаблон анкеты

Страница: 1

Тема закрыта

Сообщений 1 страница 2 из 2

Поделиться1Вчера 11:05:04

фон:
Автор: fatum
тварь SSR класса
лз: имя, 00
текст лз
Сообщений: 93
посты: 11 538,0/0 04.26,0/0
Уважение: +22
банк: 0
иконка:
плашка:
твины:
Последний визит:
Сегодня 10:59:15

✦ название анкеты в формате name surname, 00

✦ коды заполняются сразу после подачи анкеты. без кодов анкету не проверяют.

✦ изображение можно брать любого размера, ширину подожмет до ширины блока автоматически.
можно воткнуть несколько маленьких - как душе угодно.

✦ строка на черных блоках не переносится, будьте внимательны.

✦ внешность в анкете занимается только основная в колве 1 штука. вторая и более отмечаются только в списках.

NAME SURNAME

имя фамилия на рус// прозвища, клички, позывные

фандом — внешность

возраст: 00 лет, 00.00.0000 (в игре 2030 год);
поколение: какое поколение и тип;
принадлежность: группировка, организация (при отсутствии — удалить строку);
деятельность: место работы/учебы или что делает по жизни

цитата, трек, или просто пара приятных слов. блок не переносится следите за длиной

описание персонажа, биография в любом удобном формате
можно отделить блок для дополнительных деталей используя [*hr] (без звездочки)

класс демона, архетип демона «кодовое имя» — контракт/одержимость

описание демона:
описание демона, его характер, что он вообще делает, может сделать и подробности исключительно вашего контракта: на каких условиях он заключался и бла бла бла.
индивидуальные способности:
собственно именно то, что можете ВЫ и какие силы дает демон.

дополнительно: тут можно пометить как часто вы пишите посты, в каком формате удобно играть(использование тройки, лапслок и пр), хотите ли участвовать в сюжете или ориентированы на личные игры.
связь: исключительно тг. можно под хайд. написывать вам никто не будет это исключительно для быстрой связи в случае чего. если хотите чтобы другие игроки могли с вами связаться оставляйте без хайда.

Код:

[block=ank-wrap][block=ank-name]NAME SURNAME[/block]

[block=ank-top]
[block=ank-mini]имя фамилия на рус// прозвища, клички, позывные[/block]
[block=ank-fandom]фандом — внешность[/block]

[block=ank-inner][block=ank-box][img]https://i.imgur.com/wx0s7Bv.png[/img][/block]

[block=ank-info]
[b]возраст:[/b] 00 лет, 00.00.0000 (в игре 2030 год);
[b]поколение:[/b] какое поколение и тип;
[b]принадлежность:[/b] группировка, организация (при отсутствии — удалить строку);
[b]деятельность:[/b] место работы/учебы или что делает по жизни[/block][/block]
[block=ank-quote]цитата, трек, или просто пара приятных слов. блок не переносится следите за длиной[/block][/block][/block]

описание персонажа, биография в любом удобном формате
можно отделить блок для дополнительных деталей используя [*hr] (без звездочки)

[block=abil3-wrap][block=abil3-main][block=abil3-topline]класс демона, архетип демона «кодовое имя» — контракт/одержимость[/block][block=abil3-info]
[b]описание демона:[/b]
описание демона, его характер, что он вообще делает, может сделать и подробности исключительно вашего контракта: на каких условиях он заключался и бла бла бла.
[b]индивидуальные способности:[/b]
собственно именно то, что можете ВЫ и какие силы дает демон.
[/block][/block][/block]

[b]дополнительно:[/b] тут можно пометить как часто вы пишите посты, в каком формате удобно играть(использование тройки, лапслок и пр), хотите ли участвовать в сюжете или ориентированы на личные игры. 
[b]связь:[/b] исключительно тг. можно под хайд. написывать вам никто не будет это исключительно для быстрой связи в случае чего. если хотите чтобы другие игроки могли с вами связаться оставляйте без хайда.

Поделиться2Вчера 11:05:26

фон:
Автор: fatum
тварь SSR класса
лз: имя, 00
текст лз
Сообщений: 93
посты: 11 538,0/0 04.26,0/0
Уважение: +22
банк: 0
иконка:
плашка:
твины:
Последний визит:
Сегодня 10:59:15

[hideprofile]

✦ да-да, никто не любит бегать по темам и заполнять коды. поэтому упрощаем задачу нам и вам;

✦ строго следующим сообщение сразу после отправки анкеты. без кодов анкеты не проверяется;

✦ все данные автоматически подставляются в код, при желании можно поправить в нем ;

✦ ничего обрамлять кодами не надо, просто отправляем скопированное;

✦ все пункты можно будет перезаполнить в соответствующих темах при надобности;

[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
#charForm {
max-width: 950px;
margin: 20px auto;
background: #d9d9d9;
border: 1px solid #111;
padding: 20px 20px 0 20px;
font-family: 'Manrope', sans-serif;
text-transform: lowercase;
}
#charForm .row {
display: flex;
gap: 15px;
margin-bottom: 15px;
flex-wrap: wrap;
align-items: flex-end;
}
#charForm .col {
flex: 1;
min-width: 150px;
}
#charForm label {
display: block;
font-weight: 800;
font-size: 11px;
margin-bottom: 4px;
color: #111;
}
#charForm input, #charForm textarea {
width: 100%;
padding: 4px 8px;
background: #cfcfcf;
font-family: 'Courier New', monospace;
font-size: 12px;
box-sizing: border-box;
color: #111;
}
#charForm textarea {
height: auto;
min-height: 60px;
resize: vertical;
}
#charForm input:focus, #charForm textarea:focus {
outline: none;
border-color: #333;
background: #e0e0e0;
}

/* кнопки ролей + должность фиксированной ширины 160px */
.role-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 15px 0;
align-items: center;
}
.role-btn {
background: #111;
color: #fff;
border: none;
padding: 4px 10px;
border-radius: 30px;
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 11px;
text-transform: lowercase;
cursor: pointer;
transition: 0.1s;
}
.role-btn:hover {
color: #9bcb01;
}
.role-btn.active {
background: #9bcb01;
color: #fff;
}
.role-buttons label {
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap;
}
.role-buttons label span {
margin-right: 2px;
}
#dolgnost {
width: 160px;
flex-shrink: 0;
}

/* переключатель твинов — очень маленький (20x12) */
.toggle-switch {
position: relative;
display: inline-block;
width: 20px;
height: 12px;
margin-left: 6px;
vertical-align: middle;
}
.toggle-switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #111;
transition: 0.2s;
border-radius: 12px;
}
.slider:before {
position: absolute;
content: "";
height: 8px;
width: 8px;
left: 2px;
bottom: 2px;
background-color: #fff;
transition: 0.2s;
border-radius: 50%;
}
input:checked + .slider:before {
background-color: #9bcb01;
transform: translateX(8px);
}

/* блок твинов */
#twinList {
margin-top: 10px;
}
.twin-item {
display: flex;
gap: 15px;
margin-bottom: 10px;
flex-wrap: wrap;
align-items: center;
}
.twin-item .col {
flex: 1;
}
.remove-twin {
background: #111;
color: #fff;
border: none;
border-radius: 20px;
padding: 2px 6px;
font-size: 10px;
cursor: pointer;
align-self: center;
}
#addTwinBtn {
background: #111;
color: #fff;
border: none;
border-radius: 20px;
padding: 4px 12px;
font-size: 11px;
cursor: pointer;
margin: 10px 0 15px 0;
display: inline-block;
}
#addTwinBtn:hover, .remove-twin:hover {
background: #9bcb01;
color: #fff;
}

/* кнопка "вжух" */
#vzhuhBtn {
background: #111;
color: #fff;
border: none;
width: calc(100% + 40px);
margin-left: -20px;
margin-bottom: -20px;
font-family: 'Manrope', sans-serif;
font-weight: 700;
font-size: 13px;
text-transform: lowercase;
cursor: pointer;
transition: 0.1s;
text-align: center;
box-sizing: border-box;
position: relative;
bottom: 0;
}
#vzhuhBtn:hover {
background: #111;
color: #9bcb01;
}
#vzhuhBtn small {
font-size: 9px;
font-weight: normal;
opacity: 0.7;
margin-left: 10px;
}

hr {
border-color: #aaa;
}
</style>

<div id="charForm">
<div class="row">
<div class="col"><label>ссылка на профиль</label><input type="text" id="ssilkaprof" placeholder="https://..."></div>
<div class="col"><label>ссылка на анкету</label><input type="text" id="siilkaya" placeholder="https://..."></div>
</div>
<div class="row">
<div class="col"><label>имя на русском</label><input type="text" id="imehkorus" placeholder="имя фамилия"></div>
<div class="col"><label>имя на английском</label><input type="text" id="imehkoang" placeholder="name surname"></div>
</div>
<div class="row">
<div class="col"><label>внешность 1</label><input type="text" id="vneshka1" placeholder="фандом на англ // имя внешности на англ"></div>
<div class="col"><label>внешность 2 (если есть)</label><input type="text" id="vneshka2" placeholder="фандом на англ // имя внешности на англ"></div>
<div class="col"><label>возраст</label><input type="text" id="vozrastik" placeholder="00"></div>
</div>
<div class="row">
<div class="col"><label>картинка для лс</label><input type="text" id="kartinohka" placeholder="https://..."></div>
<div class="col"><label>цитата</label><input type="text" id="citatlz" placeholder="текст"></div>
<div class="col"><label>деятельность лс</label><input type="text" id="deatelnolz" placeholder="чем по жизни занят"></div>
</div>
<div class="row">
<div class="col"><label>текст лз (lz2)</label><textarea id="textlz" rows="2" placeholder="тут ваше лз"></textarea></div>
</div>

<div class="role-buttons">
<button type="button" class="role-btn" data-role="моод">моод</button>
<button type="button" class="role-btn" data-role="нииэд">нииэд</button>
<button type="button" class="role-btn" data-role="рамус">рамус</button>
<button type="button" class="role-btn" data-role="хэйлун">хэйлун</button>
<button type="button" class="role-btn" data-role="симбиот">симбиот</button>
<button type="button" class="role-btn" data-role="остальные">другое</button>
<label><span>деятельность :</span> <input type="text" id="dolgnost" placeholder="чем занимается"></label>
</div>

<hr>
<div style="display: flex; align-items: center; gap: 10px; margin: 10px 0;">
<span>есть твин?</span>
<label class="toggle-switch">
<input type="checkbox" id="twinToggle">
<span class="slider"></span>
</label>
</div>
<div id="twinList"></div>
<button type="button" id="addTwinBtn" style="display: none;">+ добавить твина</button>

<button id="vzhuhBtn">вжух <small> код копируется в буфер обмена</small></button>
</div>

[/html]

подсказка для лз:

<b>текст</b> — полужирный
<i>текст</i> — курсив
<small>текст</small> — мелкий
<a href="ссылка">текст</a> — ссылка
<br> — перенос

Тема закрыта

Страница: 1

fatum

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

шаблон анкеты

Сообщений 1 страница 2 из 2

Поделиться1Вчера 11:05:04

Поделиться2Вчера 11:05:26