старкадов камень

Страница: 1

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

Поделиться1Ср, 21 Янв 2026 22:06:57

Автор: woods
сокрытый народ
ты один меня видишь, – говорит призрак, – потому что похож на меня нравом
Сообщений: 107
Уважение: +407
Последний визит:
Вчера 22:43:07

В названии темы указывается имя и фамилия латиницей (фракция)
Пример: name surname (фаталист)

Анкета размещается в специальной теме.

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

*имя и фамилия на латинице
выбранная внешность на латинице
цитата, место для вашей рекламы
• • • • • • • • • • • • • • •

дата рождения: день/месяц
место рождения: город, страна

фракция: фаталист/церковник/изгой/рейдер
род занятий: ответ

важная информация о персонаже - связным описанием или фактами

что вы делали прошлым летом?

вероятная причина (одна или несколько возможных) попадания в Равенхауг

любая дополнительная информация
средство связи:

пример пробного поста

под спойлер

Забрать анкету:

развернуть код

Код:

[align=center][img]https://i.ibb.co/b5VJWmp7/66.png[/img] [img]https://i.ibb.co/b5VJWmp7/66.png[/img] [img]https://i.ibb.co/b5VJWmp7/66.png[/img]
[b][size=30]*[/size][/b][font=Merriweather][size=26]имя и фамилия на латинице[/size]
выбранная внешность на латинице[/font]
[size=10]цитата, место для вашей рекламы[/size]
• • • • • • • • • • • • • • •[/align]
[table layout=fixed width=100%]
[tr][td width=20%][/td]
[td][b]дата рождения:[/b] день/месяц
[b]место рождения:[/b] город, страна

[/td]
[td][b]фракция:[/b] ответ
[b]род занятий:[/b] ответ
[/td]
[td width=10%][/td]
[/tr]
[/table]
важная информация о персонаже - связным описанием или фактами

[spoiler="что вы делали прошлым летом?"]вероятная причина попадания в Равенхауг
[/spoiler]
любая дополнительная информация
[b]средство связи:[/b] 
[spoiler="[align=center][b]пример пробного поста[/b][/align]"]под спойлер[/spoiler]

Заполнение личного звания:

развернуть код

Код:

<span class="fancy-sm">Имя Фамилия персонажа кириллицей</span><center class="two-lines-accent">  текст <span class="accent accent-md"><a href="ссылка на профиль">текст побобше для выделения если нужно кого-то отметить</a></span> еще текст <span class="accent accent-md">текст побобше просто для красоты без ссылки</span> </center>

Код:

<a href="ссылка на анкету">фаталисты/изгои/церковники/рейдеры</a>

внешность:

Код:

имя внешности на англ. — <a href="ссылка на профиль">имя фамилия англ.</a>

фракции:

Код:

<div class="member">▸ <a href="ссылка на профиль">имя фамилия англ.</a></div>

биржа труда:

Код:

 <div class="job">▸ <b>занятость рус.:</b> <a href="ссылка на профиль">имя фамилия англ.</a></div>

Поделиться2Пн, 8 Июн 2026 21:48:06

Автор: woods
сокрытый народ
ты один меня видишь, – говорит призрак, – потому что похож на меня нравом
Сообщений: 107
Уважение: +407
Последний визит:
Вчера 22:43:07

Для вашего удобства у нас есть формы автозаполнения, которые сами собирают коды для анкеты и личного звания. При желании можете воспользоваться ими.

[html]
<style>
.ca_wrapper {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 30px;
background: #f5f5f5;
padding: 28px;
backdrop-filter: blur(0px);
transition: all 0.2s;
}

.ca_form_panel {
flex: 1.5;
min-width: 280px;
background: #f5f5f5;
backdrop-filter: blur(2px);
padding: 22px 24px;
}

.ca_code_panel {
flex: 1;
min-width: 380px;
background: #e9eaea;
padding: 22px 24px;
border: 1px solid #a0b2af;
display: flex;
flex-direction: column;
}

.ca_heading {
font-size: 2rem;
font-weight: 800;
margin-top: 0;
margin-bottom: 28px;
padding-left: 6px;
color: #25252d;
letter-spacing: -0.3px;
}

.ca_subheading {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 20px;
color: #454561;
letter-spacing: -0.2px;
display: flex;
align-items: center;
gap: 10px;
}
.ca_subheading:before {
content: "✦";
font-size: 1.6rem;
color: #F5B17A;
}

.ca_field {
margin-bottom: 22px;
}

.ca_field label {
display: block;
font-weight: 600;
color: #25252d;
margin-bottom: 8px;
font-size: 0.9rem;
letter-spacing: 0.4px;

font-weight: 600;
}

.ca_field input,
.ca_field textarea {
width: 100%;
padding: 12px 16px;
border: 1.5px solid #a0b2af;
background: #f5f5f5;
font-family: inherit;
font-size: 0.95rem;
color: #25252d;
transition: 0.2s ease;
box-sizing: border-box;
outline: none;
font-weight: 500;
}

.ca_field input:focus,
.ca_field textarea:focus {
border-color: #9e483d;
}

.ca_field textarea {
resize: vertical;
min-height: 70px;
color: #263330;
}

::placeholder {
color: #6A958C;
opacity: 0.7;
font-weight: 400;
}

.ca_button_bar {
display: flex;
gap: 18px;
flex-wrap: wrap;
margin-top: 30px;
margin-bottom: 8px;
}

.ca_button {
background: #9e483d; /* основной акцент — персиковый коралл */
border: none;
padding: 10px 28px;
font-weight: 700;
color: #10211E;
cursor: pointer;
font-size: 0.95rem;
transition: all 0.2s;
letter-spacing: 0.3px;
}

.ca_button_outline {
background: #25252d;
color: #FBC89F;
box-shadow: none;
}

.ca_button_outline:hover {
background: #29675C;
color: #FFF0E0;
transform: translateY(-2px);
}

.ca_button:hover {
transform: translateY(-3px);
filter: brightness(1.05);
background: #dedfe0;
color: #051412;
}

.ca_copy_btn {
background: #3FAA88;
color: #FEF6E8;
}
.ca_copy_btn:hover {
background: #58C7A3;
transform: translateY(-2px);
}

.ca_code_pre {
background: #e9eaea;
padding: 20px;
overflow-x: auto;
font-size: 13px;
white-space: pre-wrap;
word-break: break-word;
max-height: 580px;
border: 1px solid #a0b2af;
color: #252b2b;
font-family: 'SF Mono', 'Fira Code', monospace;
line-height: 1.5;
flex: 1;
}

.ca_note {
font-size: 0.75rem;
color: #8CBDb2;
margin-top: 20px;
border-top: 1px solid #2D655B;
padding-top: 16px;
text-align: center;
font-style: italic;
}

.flex-badge {
display: inline-flex;
align-items: center;
gap: 5px;
}

.ca_code_panel .ca_button:active {
transform: scale(0.97);
}

@media (max-width: 780px) {
.ca_wrapper {
padding: 18px;
gap: 20px;
}
.ca_form_panel, .ca_code_panel {
padding: 18px;
}
.ca_heading {
font-size: 1.7rem;
}
}

.copy-toast {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
background: #1C4A43;
color: #FEE3C0;
padding: 12px 28px;
font-weight: bold;
font-size: 0.9rem;
z-index: 1000;
backdrop-filter: blur(12px);
border: 1px solid #a0b2af;
pointer-events: none;
animation: fadeUp 0.25s ease forwards;
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateX(-50%) translateY(20px);
}
to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
</style>
</head>
<body>
<div class="ca_wrapper">
<div class="ca_form_panel">
<div class="ca_heading">Анкета персонажа</div>
<div id="ca_anketa_form">
<div class="ca_field">
<label>Имя и фамилия (лат):</label>
<input type="text" id="ca_latin_name" placeholder="например: John Doe">
</div>
<div class="ca_field">
<label>Внешность (лат):</label>
<input type="text" id="ca_face_latin" placeholder="например: имя выбранной внешности">
</div>
<div class="ca_field">
<label>Цитата:</label>
<input type="text" id="ca_quote" placeholder="короткая фраза или ссылка">
</div>
<div class="ca_field">
<label>Дата рождения:</label>
<input type="text" id="ca_birth_date" placeholder="день/месяц">
</div>
<div class="ca_field">
<label>Место рождения:</label>
<input type="text" id="ca_birth_place" placeholder="город, страна">
</div>
<div class="ca_field">
<label>Фракция:</label>
<input type="text" id="ca_faction" placeholder="фракция">
</div>
<div class="ca_field">
<label>Род занятий:</label>
<input type="text" id="ca_occupation" placeholder="род занятий">
</div>
<div class="ca_field">
<label>Важная информация:</label>
<textarea id="ca_important_info" rows="3" placeholder="связное описание или факты"></textarea>
</div>
<div class="ca_field">
<label>Что вы делали прошлым летом?</label>
<textarea id="ca_summer_spoiler" rows="2" placeholder="причина попадания в Равенхауг"></textarea>
</div>
<div class="ca_field">
<label>Дополнительная информация:</label>
<textarea id="ca_extra_info" rows="2" placeholder="любые доп. заметки"></textarea>
</div>
<div class="ca_field">
<label>Средство связи:</label>
<input type="text" id="ca_contact" placeholder="кроме лс">
</div>
<div class="ca_field">
<label>Пример пробного поста:</label>
<textarea id="ca_post_example" rows="2" placeholder="текст под спойлер"></textarea>
</div>
</div>
<div class="ca_button_bar">
<button id="ca_generateBtn" class="ca_button">✨ Сгенерировать BBCode</button>
<button id="ca_clearBtn" class="ca_button ca_button_outline">🧹 Очистить все поля</button>
</div>
</div>

<div class="ca_code_panel">
<div class="ca_subheading">BBCode для форума</div>
<button id="ca_copyCodeBtn" class="ca_button ca_copy_btn">📋 Скопировать код</button>
<pre id="ca_bbcodeOutput" class="ca_code_pre">// Заполните анкету и нажмите «Сгенерировать»</pre>
</div>
</div>
[/html]

Поделиться3Пн, 8 Июн 2026 21:48:31

Автор: woods
сокрытый народ
ты один меня видишь, – говорит призрак, – потому что похож на меня нравом
Сообщений: 107
Уважение: +407
Последний визит:
Вчера 22:43:07

[html] <style>
.generator-container {
max-width: 1200px;
margin: 0 auto;
background: #e9eaea;
padding: 30px;
}
.note {
background: #f5f5f5;
padding: 12px 18px;
margin-bottom: 30px;
color: #25252d;
font-size: 0.9rem;
border-left: 3px solid #9e483d;
}
.blocks-grid {
display: flex;
flex-direction: column;
gap: 35px;
}
.block-card {
background: #f5f5f5;
padding: 20px;
}
/*названия блоков красные*/
.block-title {
font-size: 1.3rem;
font-weight: 600;
color: #9e483d;
margin-bottom: 20px;
border-bottom: 1px solid #a0b2af;
padding-bottom: 8px;
}
.form-row {
margin-bottom: 18px;
}
.form-row label {
display: block;
font-weight: 600;
color: #25252d;
margin-bottom: 6px;
font-size: 0.9rem;
}
.form-row input, .form-row select {
width: 100%;
padding: 10px 5px;
background: #f5f5f5;
border: 1px solid #a0b2af;
color: #25252d;
font-family: inherit;
font-size: 0.9rem;
box-sizing: border-box;
}
.code-output {
background: #f5f5f5;
padding: 14px;
margin-top: 15px;
border: 1px solid #a0b2af;
}
pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
font-family: monospace;
font-size: 12px;
}
.copy-btn {
background: #3c9e6d;
border: none;
padding: 6px 14px;
color: white;
font-weight: bold;
cursor: pointer;
margin-top: 10px;
}
.footer-note {
margin-top: 30px;
text-align: center;
font-size: 0.8rem;
color: #8e9aaf;
}
</style>
</head>
<body>
<div class="generator-container">
<div class="note">
При копировании через кнопку «Скопировать код» используется системное копирование (Ctrl+C).<br>
Благодаря этому скрипт автоподстановки заменит <strong>ссылка на профиль</strong> на реальную ссылку текущего пользователя.<br>
<br>
В блоке личного звания, пожалуйста, не забывайте <strong>ПРОБЕЛЫ</strong> после последнего слова во фразе.
</div>

<div class="blocks-grid">

<div class="block-card">
<div class="block-title">✨ Личное звание</div>
<div class="form-row"><label>Имя фамилия (кириллицей):</label><input type="text" id="rus_name" placeholder="Имя Рек"></div>
<div class="form-row"><label>Текст до ссылки (левый):</label><input type="text" id="left_text" placeholder="например"></div>
<div class="form-row"><label>Текст ссылки на важного персонажа:</label><input type="text" id="link_text" placeholder="что угодно"></div>
<div class="form-row"><label>Ссылка на профиль важного персонажа:</label><input type="text" id="custom_url" placeholder="https:"></div>
<div class="form-row"><label>Текст после ссылки (правый):</label><input type="text" id="right_text" placeholder="например"></div>
<div class="form-row"><label>Дополнительный текст (необязательно):</label><input type="text" id="extra_text" placeholder="просто текст"></div>
<div class="code-output"><pre id="block1_code"></pre><button class="copy-btn" data-target="block1_code">📋 Скопировать код</button></div>
</div>

<div class="block-card">
<div class="block-title">Фракция / статус</div>
<div class="form-row"><label>Ссылка на анкету (обязательно перед копированием!):</label><input type="text" id="anketa_link" placeholder="https://..."></div>
<div class="form-row"><label>Название фракции:</label><select id="faction_select"><option value="фаталисты">фаталисты</option><option value="изгои">изгои</option><option value="церковники">церковники</option><option value="рейдеры">рейдеры</option></select><input type="text" id="faction_custom" placeholder="или свой вариант" style="margin-top: 8px;"></div>
<div class="code-output"><pre id="block2_code"></pre><button class="copy-btn" data-target="block2_code">📋 Скопировать код</button></div>
</div>

</div>
</div>[/html]

[html]
<style>

.gen-wrap {
background: #F1F1F1;
padding: 25px 50px 30px 30px;
width: 500px;
border-radius: 8px;

}
.gen-wrap h2 {
font: 500 18px 'Georgia', serif;
color: #1a1a1a;
text-align: center;
margin-bottom: 18px;
border-bottom: 1px solid #00000033;
padding-bottom: 10px;
}
.gen-field {
margin-bottom: 10px;
}
.gen-field label {
display: block;
font-size: 11px;
color: #555;
margin-bottom: 2px;
font-weight: 500;
letter-spacing: 0.3px;
}
.gen-field label .required {
color: #8B0000;
font-size: 14px;
}
.gen-field input,
.gen-field select {
width: 100%;
padding: 6px 10px;
background: #fff;
border: 1px solid #B4C6D9;
color: #1a1a1a;
font-size: 13px;
font-family: 'Jost', sans-serif;
outline: none;
border-radius: 4px;
transition: border 0.2s;
}
.gen-field input:focus,
.gen-field select:focus {
border-color: #91a854;
}
.gen-field select {
cursor: pointer;
appearance: auto;
}
.gen-row2 {
display: flex;
gap: 10px;
}
.gen-row2 .gen-field {
flex: 1;
}
.gen-btn-row {
display: flex;
gap: 10px;
margin-top: 6px;
}
.gen-btn {
flex: 1;
padding: 8px 0;
background: #1a1a1a;
color: #fff;
border: none;
font: 500 13px 'Georgia', serif;
cursor: pointer;
border-radius: 4px;
transition: opacity 0.2s;
text-align: center;
}
.gen-btn:hover {
opacity: 0.75;
}
.gen-btn-secondary {
background: #55555A;
}
.gen-btn-green {
background: #91a854;
}
.gen-output-wrap {
margin-top: 14px;
border-top: 1px solid #00000033;
padding-top: 12px;
}
.gen-output-wrap label {
font-size: 11px;
color: #555;
font-weight: 500;
letter-spacing: 0.3px;
display: block;
margin-bottom: 4px;
}
.gen-output-wrap textarea {
width: 100%;
padding: 8px 10px;
background: #fff;
border: 1px solid #B4C6D9;
color: #1a1a1a;
font-size: 12px;
font-family: 'Courier New', monospace;
outline: none;
border-radius: 4px;
resize: vertical;
min-height: 70px;
}
.gen-copy-btn {
margin-top: 6px;
padding: 5px 16px;
background: #91a854;
color: #fff;
border: none;
font: 500 12px 'Georgia', serif;
cursor: pointer;
border-radius: 4px;
transition: opacity 0.2s;
}
.gen-copy-btn:hover {
opacity: 0.75;
}
.gen-copy-btn.copied {
background: #2F4F4F;
}
.gen-badge-preview {
display: inline-block;
padding: 2px 10px;
font-size: 9px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #fff;
border-radius: 3px;
margin-left: 8px;
}
.gen-badge-church {
background: #DAA520;
}
.gen-badge-fatalists {
background: #2F4F4F;
}
.gen-badge-outcasts {
background: #8B4513;
}
.gen-badge-raiders {
background: #8B0000;
}
.gen-badge-changelings {
background: #4B0082;
}
.gen-badge-npc {
background: #55555A;
}
.gen-race-label {
font-size: 12px;
color: #1a1a1a;
}
.gen-preview-row {
display: flex;
align-items: center;
gap: 6px;
margin-top: 4px;
padding: 4px 8px;
background: #E4E4E4;
border-radius: 4px;
font-size: 12px;
color: #555;
flex-wrap: wrap;
}
.gen-preview-row .name {
font-weight: 500;
color: #1a1a1a;
}
</style>

<div class="gen-wrap">
<h2>➕ новый персонаж</h2>

<div class="gen-field">
<label>Имя персонажа <span class="required">*</span></label>
<input type="text" id="genName" placeholder="например: имя" value="имя">
</div>

<div class="gen-field">
<label>Внешность (англ) <span class="required">*</span></label>
<input type="text" id="genActor" placeholder="например: внешность на англ." value="внешность на англ.">
</div>

<div class="gen-field">
<label>Роль / описание <span class="required">*</span></label>
<input type="text" id="genRole" placeholder="например: профессиия/занятие" value="профессиия/занятие">
</div>

<div class="gen-row2">
<div class="gen-field">
<label>Фракция<span class="required">*</span></label>
<select id="genRace">
<option value="church">церковники</option>
<option value="fatalists">фаталисты</option>
<option value="outcasts">изгои</option>
<option value="raiders">рейдеры</option>
<option value="changelings">подменыши</option>
<option value="npc" selected>нпс</option>
</select>
</div>
<div class="gen-field">
<label>Бейдж</label>
<div style="margin-top:4px;">
<span class="gen-badge-preview gen-badge-npc" id="genBadgePreview">нпс</span>
</div>
</div>
</div>

<div class="gen-field">
<label>Ссылка на профиль <span class="required">*</span></label>
<input type="text" id="genLink" placeholder="ССЫЛКА" value="ССЫЛКА">
</div>

<div class="gen-preview-row" id="genPreviewRow">
<span class="name" id="genPreviewName">имя</span>
<span>—</span>
<span id="genPreviewActor">внешность на англ.</span>
<span>·</span>
<span id="genPreviewRole">профессиия/занятие</span>
<span class="gen-badge-preview gen-badge-npc" id="genPreviewBadge">нпс</span>
</div>

<div class="gen-btn-row">
<button class="gen-btn gen-btn-green" id="genGenerateBtn">▶ сгенерировать</button>
<button class="gen-btn gen-btn-secondary" id="genClearBtn">✕ очистить</button>
</div>

<div class="gen-output-wrap">
<label>готовая строка для таблицы:</label>
<textarea id="genOutput" readonly></textarea>
<button class="gen-copy-btn" id="genCopyBtn">📋 скопировать строку</button>
</div>
</div>
[/html]

Страница: 1