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

Объявление

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

jesse

мешок с автоспавном отборной дичи. придумает лучший интерактив и квест прямиком из ваших кошмаров, или просто прокатит на своей тесле. иногда душнит.

christian

[в отпуске] мешок со скриптами в поисках себя. виртуозно танцует с багами, кодами и разметками. и умело уклоняется от работы во флуде.

lucifer

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

philippe

мешок со сказками и красивой графикой. тот самый сын маминой подруги. проведёт за ручку, со всем поможет, закружит во флуде и игре, но никогда не даст вам пяти минут без долгов. доступен 24/7, главное уверенно стучать в приват.

walesca

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

tyler

мешок с добром и желанием решать ваши проблемы, независимо от уровня развратности. отрекламирует все ваши гештальты у партнеров, затащит в квест, выслушает боли и поцелует на ночь. если не ответил сразу, значит пишет пост или валяется пьяный

ЭВРИКА-СПРИНГС ‘февраль-март 25

МИСТИКА, ЛЕГЕНДЫ, NC-21

ophelia seymour

—Ну серьезно, о каком плане эвакуации может быть речь, если они не в состоянии стоять на ровном месте? Повелители грации. Мужчина начинает записывать видео, обращаясь… читать

As long as you... hope & jay

unfinished trains

labyrinthine

in pursuit of magic

rue jokic anna moreau tessa langley rowan fleming

scylla churchill caspian churcill nate hawkins abigail ainsworth

‹

›

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

Страница: 1

Тема закрыта

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

Поделиться1Сегодня 15:21:29

Автор: keeper
хранитель города
ЛЗ:
хранитель города
чем сильнее разум
тем разумнее сила
плашка и иконка:
Сообщений: 427
PST: 0
Уважение: +1221
MON: ∞
рубашка — светлая:

hide-autor [html]

<div class="lgen4__heroLeft">
<div class="lgen4__heroTitle" >
<div class="lgen4__welcome"> <span class="lgen4__it">We</span>lcom<span class="lgen4__it">e</span></div>
<div class="lgen4__home"> <span class="lgen4__it">h</span>o<span class="lgen4__it">m</span>e</div>
</div>
<div class="lgen4__heroLead"> вот ты и перешагнул за порог эврика-спрингс, мы рады приветствовать тебя</div>
</div>

<div class="lgen4__heroRight"> этот <a href="https://thehaze.rusff.me/viewtopic.php?id=3020">город</a> и правда манит, не так ли? но уверен ли ты, что готов погрузиться во <a href="https://thehaze.rusff.me/viewtopic.php?id=39">тьму</a> этого места, столкнуться лицом к лицу с <a href="https://rehaze.ru/viewtopic.php?id=3017">демонами</a>, скрывающимися в тенях его зданий? не боишься потерять <a href="https://thehaze.rusff.me/viewtopic.php?id=44">себя</a> в погоне за <a href="https://thehaze.rusff.me/viewtopic.php?id=3381">правдой</a>? а она откроется тебе, если вдруг не сойдешь со своего <a href="https://thehaze.rusff.me/viewtopic.php?id=34">пути</a>, и только ты волен решать, какой <a href="https://thehaze.rusff.me/viewtopic.php?id=31">исход</a> примет твоя дальнейшая судьба в этом таинственном городе </div>

</div>
</div>

[/html]

[html]
<style type="text/css">
.otsttext{
padding: 15px !important;
font-size: 12px;
}

</style>
<div class="fon">
<div class="bac">
<div class="namet">
<div class="bacname"><center>шаблон анкеты</center></div></div></div><br/><br/>
<div class="otsttext"><center>
для того чтобы туманный Эврика-Спрингс открыл для вас свои двери, вам следует создать анкету в данном разделе новой темой по следующему принципу: имя и фамилия на англ., возраст, например: john smith, 45
</center></div></div></div>[/html]

Ниже расположен генератор анкеты.
Он довольно простой - необходимо лишь следовать его указаниям.

Некоторые поля вы можете оставить пустыми и не заполнять их совсем. К примеру, ссылку на инстаграм вы можете принести позже, как и ссылку на пару. Анкета сгенерируется с пустыми ссылками, вы можете их удалить или заполнить потом.

Генератор анкеты формирует ДВА столбца кода:
- Готовый HTML анкеты
- Заполненные коды приемки

Обратите на это внимание.
Код анкеты необходимо публиковать в сообщении анкеты ПЕРВЫМ сообщением, оборачивая ее в код для штмл.

Код:

[html][/html]

Код приемки необходимо публиковать ВТОРЫМ сообщением в анкете, чтобы амс могли потом его переместить. Код приемки заполняется наполовину - туда вставляются данные из анкеты, но часть вам придется редактировать вручную.

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

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

Поделиться2Сегодня 15:21:54

Автор: keeper
хранитель города
ЛЗ:
хранитель города
чем сильнее разум
тем разумнее сила
плашка и иконка:
Сообщений: 427
PST: 0
Уважение: +1221
MON: ∞
рубашка — светлая:

hide-autor

[html]<!DOCTYPE html>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* главный контейнер */
.builder-wrap {
margin: 0 auto;
border-radius: 2rem;
overflow: hidden;
}

/* шапка */
.builder-header {
padding: 24px 32px 12px 32px;
text-align: center;
}
.builder-header{
font-size: 1.9rem;
font-weight: 700;
letter-spacing: -0.3px;
}
.builder-header p {
margin-top: 6px;
}

/* ПРЕВЬЮ АНКЕТЫ – теперь наверху, на всю ширину */
.preview-area {
padding: 24px;
}

/* Панель управления (формы + генерация кода) – две колонки */
.control-grid {
display: flex;
flex-wrap: wrap;
gap: 28px;
padding: 0 32px 32px 32px;
}

.editor-panel {
flex: 1.4;
min-width: 280px;
border-radius: 28px;
padding: 20px 24px;
border: 1px solid #e9dfca;
}

.code-panel {
flex: 1;
min-width: 280px;
background: #2f2b24;
border-radius: 28px;
padding: 20px 22px;
}

/* стилизация формы */
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #7a6a4b;
margin-bottom: 5px;
}
.form-group input, .form-group textarea {
width: 100%;
border: 1px solid #ddd0b4;
border-radius: 24px;
padding: 10px 16px;
font-family: inherit;
font-size: 0.85rem;
transition: 0.2s;
}
.form-group input:focus, .form-group textarea:focus {
outline: none;
border-color: #b9a36b;
box-shadow: 0 0 0 2px rgba(87,73,5,0.15);
}
textarea {
resize: vertical;
min-height: 90px;
}

/* НОВЫЕ СТИЛИ ДЛЯ ДВУХ КОЛОНОК В ОДНОЙ СТРОКЕ */
.form-row {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 20px;
}
.form-row .form-group {
flex: 1;
margin-bottom: 0;
min-width: 120px;
}

/* динамические хобби */
.hobbies-list {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 12px;
}
.hobby-row {
display: flex;
gap: 8px;
align-items: center;
}
.hobby-row input {
flex: 1;
}
.remove-hobby {
background: #ece1cd;
border: none;
border-radius: 40px;
width: 32px;
height: 32px;
font-size: 1rem;
cursor: pointer;
transition: 0.2s;
color: #5a4a28;
}
.remove-hobby:hover {
background: #d6c5a6;
}
.add-hobby-btn {
background: none;
border: 1px dashed #bba97c;
padding: 8px 12px;
border-radius: 40px;
width: 100%;
font-weight: 500;
color: #5f4e2c;
cursor: pointer;
margin-top: 6px;
transition: 0.2s;
}
.add-hobby-btn:hover {
background: #ece1cd;
}

/* цветовые пикеры */
.color-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
background: #f3ecdf;
padding: 6px 12px;
border-radius: 50px;
}
.color-row span {
font-size: 0.8rem;
font-weight: 500;
color: #4e3f24;
}
.color-row input {
width: 48px;
height: 36px;
border: 1px solid #ccc;
border-radius: 16px;
cursor: pointer;
background: white;
}

/* блок кода */
.code-header {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 14px;
}
.code-header span {
color: #f0e7d6;
font-weight: 500;
}
.copy-btn {
background: #574905;
border: none;
padding: 6px 18px;
border-radius: 60px;
color: white;
font-weight: 500;
cursor: pointer;
transition: 0.2s;
}
.copy-btn:hover {
background: #7c681b;
}
.generated-code {
width: 100%;
height: 340px;
background: #1d1b16;
color: #f0e2cd;
font-family: 'Courier New', monospace;
font-size: 12px;
padding: 16px;
border-radius: 20px;
border: none;
resize: vertical;
}

.accept-codes-block {
margin-top: 20px;
}

.note {
font-size: 0.7rem;
text-align: center;
color: #9f906f;
}

@media (max-width: 850px) {
.preview-area {
margin: 16px;
}
.control-grid {
padding: 0 16px 24px 16px;
}
.form-row {
flex-direction: column;
gap: 20px;
}
.form-row .form-group {
margin-bottom: 0;
}
}

/* ----- СТИЛИ ДЛЯ ПРЕВЬЮ АНКЕТЫ (оригинальные, для корректного отображения) ----- */
/* эти стили нужны только для предпросмотра в редакторе, в финальный код не попадают */
:root {
--anketa-color-text: #2f2b24;
--anketa-color-name: #dad2c8;
--anketa-fon-color: #0e1807;
--anketa-fon-bio: #e8e7e3;

}
</style>

<div class="builder-wrap">
<div class="builder-header">
<i class="fas fa-feather-alt"></i> Анкета-конструктор + коды приёмки
</div>

<div class="preview-area">
<div id="livePreview" class="frgp-static-root"></div>
<div class="note">⬆ Живой предпросмотр анкеты. Цвета и текст меняются мгновенно.</div>
</div>

<div class="control-grid">

<div class="editor-panel">
<div class="form-row">
<div class="form-group"><label>NAME SURNAME (англ.)</label><input type="text" id="inputNameEn" placeholder="LIAM SILVER"></div>
<div class="form-group"><label>Имя Фамилия (рус.)</label><input type="text" id="inputNameRu" placeholder="Лайам Сильвер"></div>
</div>
<div class="form-row">
<div class="form-group"><label>Возраст (y.o)</label><input type="text" id="inputAge" placeholder="24"></div>
<div class="form-group"><label>Дата рождения</label><input type="text" id="inputBirth" placeholder="15.06.2000"></div>
</div>
<div class="form-row">
<div class="form-group"><label>Семейное положение</label><input type="text" id="inputMaritalStatus" placeholder="холост"></div>
<div class="form-group"><label>Занятость</label><input type="text" id="inputJob" placeholder="студент"></div>
</div>
<div class="form-row">
<div class="form-group"><label>FC (имя внешности, англ.)</label><input type="text" id="inputFc" placeholder="Emma Watson"></div>
<div class="form-group"><label>Ссылка URL фото</label><input type="text" id="inputPhotoUrl" placeholder="https://..."></div>
</div>
<div class="form-group"><label>Биография / факты</label><textarea id="inputBio" rows="4">полноценная биография \nили несколько фактов о персонаже</textarea></div>
<div class="form-group">
<label>Увлечения & хобби</label>
<div id="hobbiesContainer" class="hobbies-list"></div>
<button type="button" id="addHobbyBtn" class="add-hobby-btn"><i class="fas fa-plus"></i> Добавить хобби</button>
</div>
<div class="form-row">
<div class="form-group"><label>Ссылка на ваш профиль</label><input type="text" id="inputProfileUrl" placeholder="https://..."></div>
</div>
<span class="form-group"><label>Instagram персонажа</label></span>
<div class="form-row">
<div class="form-group"><input type="text" id="inputProfileNameInsta" placeholder="@ник"></div>
<div class="form-group"><input type="text" id="inputProfileUrlInsta" placeholder="https://..."></div>
</div>

<span class="form-group"><label>Ссылка на пару (имя на англ.)</label></span>
<div class="form-row">
<div class="form-group"><input type="text" id="inputProfileNameLove" placeholder="имя пары"></div>
<div class="form-group"><input type="text" id="inputProfileUrlLove" placeholder="https://..."></div>
</div>
<div class="form-group"><label>Любимая цитата или трек</label><input type="text" id="inputQuote" placeholder="«Музыка — это тишина между нотами»"></div>
<div class="form-group"><label>Откуда узнали</label><input type="text" id="inputSource" placeholder="баннерообмен"></div>


<div class="form-row">
<div class="form-group"><label>Текст для LZ</label><textarea id="lzText" rows="3" placeholder="я люблю тебя до слез"></textarea></div>
<div class="form-group"><label>Слово/фраза для ссылки в LZ</label>
<input type="text" id="lzLinkWord" placeholder="тебя"><div class="note">фраза или слово должны содержаться в полном тексте для LZ, чтобы вставить ссылку на нее</div></div>
</div>
<div class="form-group"><label>Ссылка на вашу анкету (для LZ)</label><input type="text" id="lzLinkAnket" placeholder="https://..."></div>
<div class="form-group"><label>Ссылка на гиф 100x100px (для ЛС)</label><input type="text" id="lzLinkAv" placeholder="https://..."></div>
</div>

<div class="code-panel">
<div class="form-group">
<label>Цветовая схема</label>
<div class="color-row"><span>--цвет текста</span><input type="color" id="colorText" value="#2f2b24"></div>
<div class="color-row"><span>--цвет главного имени</span><input type="color" id="colorName" value="#dad2c8"></div>
<div class="color-row"><span>--цвет фона анкеты</span><input type="color" id="colorFon" value="#0e1807"></div>
<div class="color-row"><span>--цвет поля для био</span><input type="color" id="colorBio" value="#e8e7e3"></div>
</div>
<div class="code-header">
<span><i class="fas fa-code"></i> Готовый HTML</span>
<button id="copyCodeBtn" class="copy-btn"><i class="fas fa-copy"></i> Копировать код</button>
</div>
<textarea id="finalCodeArea" class="generated-code" readonly></textarea>

<div class="accept-codes-block">
<div class="code-header">
<span><i class="fas fa-code"></i> Коды приёмки</span>
<button id="copyAcceptBtn" class="copy-btn"><i class="fas fa-copy"></i> Копировать код</button>
</div>
<textarea id="allAcceptCodes" class="generated-code" readonly></textarea>
</div>
</div>
</div>
</div>

Тема закрыта

Страница: 1

haze: the initiation

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

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

Объявление

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

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

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

Поделиться1Сегодня 15:21:29

Поделиться2Сегодня 15:21:54