Автоформа
Анкета создается отдельной темой.
Название темы: Род деятельности
Описание темы: Раса, возраст персонажа
Благодарим @Каэль Дома Аметиста за помощь с созданием формы!
[html]
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
.custom_tag_quote2 {
margin: 0.3em;
}
.form-group {
margin-bottom: 20px;
}
label {
display: block;
font-family: 'Alegreya SC';
font-size: 1.6em;
text-shadow: #a9a37c 1px 1px 1px;
}
input[type="text"], textarea {
width: 96%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: rgba(27, 14, 4, 0.1) !important;
border: 3px double rgba(42, 14, 8, 0.28) !important;
padding: 10px;
margin: 5px -4px 0px -4px;
box-shadow: 0 0px 4px 0px rgb(53 41 25 / 58%), 0px 0px 6px #543c2447 inset !important;
}
textarea {
height: 270px;
width: 100% !important;
box-sizing: border-box;
resize: vertical;
border-radius: 5px;
border: 3px double rgba(42, 14, 8, 0.28) !important;
background-color: rgba(27, 14, 4, 0.1) !important;
}
button {
padding: 5px 10px !important;
margin: 10px;
background: radial-gradient(ellipse at center, #2e1408 14%,#200702 100%);
border-left: solid 1px #2F2C25;
border-radius: 3px;
color: #806E48 !important;
box-shadow: inset 0px 0px 6px #855d42c7, 0px 3px 5px rgba(102, 48, 27, 0.553);
border: none;
cursor: pointer;
width: 120px;
height: 40px;
}
button:hover {
text-shadow: rgba(100%, 80%, 0%, 0.5) 1px 0 10px;
}
::-webkit-input-placeholder {
color: rgba(0%, 0%, 0%, 0.6);
}
::-moz-placeholder {
color: rgba(0%, 0%, 0%, 0.6);
opacity: 1;
}
::-moz-placeholder {
color: rgba(0%, 0%, 0%, 0.6);
opacity: 1;
}
::-ms-input-placeholder {
color: rgba(0%, 0%, 0%, 0.6);
}
#reputation, #skills, #additionalInfo, #igrok, #post {
background-color: rgba(27, 14, 4, 0.1) !important;
border-radius: 2px;
box-shadow: 0 0px 4px 0px rgb(53 41 25 / 58%), 0px 0px 6px #543c2447 inset !important;
padding: 8px 5px!important;
}
#reputation, #skills, #post {
max-height: 225px;
}
#additionalInfo, #igrok {
max-height: 68px;
}
#endResult {
border: 1px solid #ccc;
padding: 10px;
white-space: pre;
width: 96%;
height: 200px;
resize: vertical;
overflow: auto;
background-color: rgba(27, 14, 4, 0.1);
border: 3px double rgba(42, 14, 8, 0.28);
border-radius: 3px;
}
</style>
<div class="custom_tag_quote2">
<div class="custom_tag_moa">Форма Упрощенной Анкеты</div>
<br>
<form>
<div class="form-group">
<label for="imageLink"><b>1. Иллюстрация</b> (горизонтальная, не более <b>616px × 400px</b>)</label>
<input type="text" id="imageLink" name="imageLink" required placeholder="Прямая ссылка на картинку">
</div>
<div class="form-group">
<label for="fullName"><b>2. Имя и Фамилия</b></label>
<input type="text" id="fullName" name="fullName" required placeholder="Ваше имя и фамилия">
</div>
<div class="form-group">
<label for="nickname"><b>3. Прозвища</b> (если имеются)</label>
<input type="text" id="nickname" name="nickname" placeholder="Укажите прозвища (если есть)">
</div>
<div class="form-group">
<label for="faceclaim"><b>4. Занять внешность</b> (если есть)</label>
<input type="text" id="faceclaim" name="faceclaim" placeholder="[Франшиза] Персонаж (by актер если есть)">
</div>
<div class="form-group">
<label for="raceAge"><b>5. Раса, возраст</b> (капсом)</label>
<input type="text" id="raceAge" name="raceAge" required placeholder="РАСА, ХХ ЛЕТ">
</div>
<div class="form-group">
<label for="occupation"><b>6. Род деятельности</b></label>
<input type="text" id="occupation" name="occupation" required placeholder="Титулы (если есть). Статус, род занятий">
</div>
<div class="form-group">
<label for="residence"><b>7. Страна</b></label>
<input type="text" id="residence" name="residence" required placeholder="Место проживания, подданство">
</div>
<div class="form-group">
<label for="reputation"><b>8. Известность</b></label>
<textarea id="reputation" name="reputation" required placeholder="◾ Это аннотация, важнейший пункт — из него должно быть ясно, что у вас за персонаж.
◾ НЕ БОЛЕЕ пары абзацев в сумме (больше возможно только у всемирно известных личностей правителей и т.п.).
◾ Опишите несколькими строками, резюмировав основную идею и КОНЦЕПТ героя.
◾ Основное внимание уделите репутации: КРАТКО важное, что знают другие персонажи. Имидж, общее мнение, известность в определенных кругах, особые приметы и пр.
◾ Пункт должен быть ИНФОРМАТИВНЫМ И ЛАКОНИЧНЫМ, с четким ясным описанием.
◾ АМС могут редактировать его в зависимости от логики мира и результатов игры."></textarea>
</div>
<div class="form-group">
<label for="skills"><b>9. Способности</b> (опционально)</label>
<textarea id="skills" name="skills" placeholder="ОПЦИОНАЛЬНЫЙ ПУНКТ
◾ ЧАРОДЕИ: укажите свой почерк заклинаний.
◾ НА ВЫБОР: заполнять при регистрации или позже, когда освоитесь. Также можно указать лишь часть умений, а остальные дораскидать потом, в любой момент подав на проверку.
◾ Заполняя пункт: Четко и кратко внесите важные навыки персонажа.
ТАЛАНТЫ (боевые навыки, чары, ремесла) изучаются по срокам расы. По шаблону:
— Название таланта — средне / хорошо / отлично / превосходно. (1-4)* Ступеней"></textarea>
</div>
<div class="form-group">
<label for="additionalInfo">10. Дополнительная информация</label>
<textarea id="additionalInfo" name="additionalInfo" placeholder="По желанию: если имеется — любая важная доп. информация (иначе пункт можно удалить)."></textarea>
</div>
<div class="form-group">
<label for="plan">Планы и пожелания:</label>
<input type="text" id="plan" name="plan" required placeholder="Чего ждете и хотите от игры?">
</div>
<div class="form-group">
<label for="igrok">Об игроке:</label>
<textarea id="igrok" name="igrok" required placeholder="Скорость отписи, предпочитаемый объем постов, что вам нравится и что категорически не играете, а также все то, что стоит знать потенциальным соигрокам."></textarea>
</div>
<div class="form-group">
<label for="proverka">Тип проверки:</label>
<input type="text" id="proverka" name="proverka" required placeholder="Через ЛС или в теме анкеты.">
</div>
<div class="form-group">
<label for="svyaz">Связь с вами:</label>
<input type="text" id="svyaz" name="svyaz" required placeholder="Сюжетным ролям дис. или телеграм — ОБЯЗАТЕЛЬНО (установлен скрытый текст).">
</div>
<div class="form-group">
<label for="post"><b>Пример поста</b></label>
<textarea id="post" name="post" placeholder="Ваш пост с любой ролевой."></textarea>
</div>
<button id="paste">Сгенерировать</button>
<div class="form-group">
<br>
<br><label for="endResult"><b>Итог:</b></label>
<textarea id="endResult" name="resultend"></textarea>
</div>
<button id="copy">Скопировать</button>
</form>
</div>
<script>
function iconRedir(element) {
console.log("Перенаправление...");
}
document.getElementById("paste").addEventListener("click", function(event) {
event.preventDefault();
const imageLink = document.getElementById("imageLink").value;
const fullName = document.getElementById("fullName").value;
const nickname = document.getElementById("nickname").value;
const faceclaim = document.getElementById("faceclaim").value;
const raceAge = document.getElementById("raceAge").value;
const occupation = document.getElementById("occupation").value;
const residence = document.getElementById("residence").value;
const reputation = document.getElementById("reputation").value;
const skills = document.getElementById("skills").value;
const additionalInfo = document.getElementById("additionalInfo").value;
const plan = document.getElementById("plan").value;
const igrok = document.getElementById("igrok").value;
const proverka = document.getElementById("proverka").value;
const svyaz = document.getElementById("svyaz").value;
const post = document.getElementById("post").value;
const insertedCode = `\[mark\]Анкета\[/mark\]
\[rulka0\]${fullName}
\[rulka01\]${nickname}\[/rulka01\]\[/rulka0\]
\[align=center\]\[size=10\]${faceclaim}\[/size\]
\[imgframe\]\[img\]${imageLink}\[/img\]\[/imgframe\]\[/align\]
\[align=center\]\[font=Georgia\]\[size=14\]\[b\]${raceAge}\[/b\]\[/size\]\[/font\]\[/align\]
\[table layout=fixed width=100%\]
\[tr\]
\[td\]\[rulka\]ДЕЯТЕЛЬНОСТЬ\[/rulka\]\[/td\]
\[td width=8px\]\[/td\]
\[td\]\[rulka\]СТРАНА\[/rulka\]\[/td\]
\[/tr\]
\[tr\]
\[td\]
${occupation}
\[/td\]\[td width=8px\]\[/td\]\[td\]
${residence}
\[/td\]
\[/tr\]
\[/table\]
\[b\]\[/b\]
\[rulka\]ИЗВЕСТНОСТЬ\[/rulka\]
${reputation}
\[b\]\[/b\]
\[rulka\]СПОСОБНОСТИ\[/rulka\]
${skills}
\[b\]\[/b\]
\[rulka\]ДОПОЛНИТЕЛЬНО\[/rulka\]
${additionalInfo}
\[b\]\[/b\]
\[rulka\]ОБ АВТОРЕ\[/rulka\]
\[ul\]
\[b\]Планы и пожелания:\[/b\] ${plan}
\[b\]Об игроке:\[/b\] ${igrok}
\[b\]Тип проверки:\[/b\] ${proverka}
\[/ul\]
\[hide=99999\]\[b\]Связь:\[/b\] ${svyaz}
Сюда вы также можете дописать все то, что не готовы разглашать во всеуслышание и хотите сообщить только АМС (о персонаже или игроке).
\[/hide\]
\[b\]\[/b\]
\[spoiler="ПРИМЕР ПОСТА"\]${post}
\[/spoiler\]
`;
document.getElementById("endResult").textContent = insertedCode;
});
document.getElementById("copy").addEventListener("click", function(event) {
event.preventDefault();
// Select the text content of the "endResult" div
const endResult = document.getElementById("endResult");
const range = document.createRange();
range.selectNode(endResult);
window.getSelection().addRange(range);
// Copy the selected text to the clipboard
document.execCommand("copy");
// Deselect the text
window.getSelection().removeAllRanges();
// Optionally, provide user feedback (e.g., an alert)
alert("Содержимое скопировано в буфер обмена.");
});
</script>
[/html]
