fatum
name & name
—////////////////////
в игре: март 2030
name name name name
гостевая фак + сюжет внешности роли + способности о мире организации группировки

свалка №4

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

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » свалка №4 » soulless creatures » шаблон

шаблон

Страница: 1

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

1

  • Автор: pidor
  • Администратор
  • pidor
  • Сообщений: 342
  • Уважение: +1

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

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

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

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

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

0

2

  • Автор: pidor
  • Администратор
  • pidor
  • Сообщений: 342
  • Уважение: +1

NAME SURNAME

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

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

https://i.imgur.com/wx0s7Bv.png

возраст: 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] исключительно тг. можно под хайд. написывать вам никто не будет это исключительно для быстрой связи в случае чего. если хотите чтобы другие игроки могли с вами связаться оставляйте без хайда.

0

3

  • Автор: pidor
  • Администратор
  • pidor
  • Сообщений: 342
  • Уважение: +1

[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> — перенос

0

Страница: 1

Вы здесь » свалка №4 » soulless creatures » шаблон

Рейтинг форумов | Создать форум бесплатно