ВАЖНО: Заполните анкету, нажмите "Сгенерировать анкету", затем создайте в данном разделе новую тему, к примеру "Анкета Рыжика", "Анкета Чумазика" (можно проявить фантазию и назвать оригинально) и вставляйте в анкету полученный ниже код.
!! ВНИМАНИЕ, удалите из полученного кода звездочки в [*html]....[/html*]
В помощь вам темы:
• Правила форума
• Помощь в написании анкеты
• О наших племенах/типах одиночек: что выбрать?
• Новичкам в постах
[html]<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet">
<style>
body{font-family:Tahoma,sans-serif;background:#f7f7f7;margin:20px}
form.gen-form{background:var(--zelenlight,#f1f0e7);border:1px solid #ccc;padding:15px 20px;border-radius:8px;max-width:700px;margin:auto}
form.gen-form h2{font-family:Oswald,sans-serif;font-size:18px;margin:0 0 10px;color:#333}
form.gen-form label{display:block;margin-top:10px;font-weight:bold;color:#30352e}
form.gen-form input,form.gen-form textarea,form.gen-form select{display:block;box-sizing:border-box;width:100%;margin-top:5px;padding:8px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#30352e;font:12px/1.5 Tahoma,sans-serif}
form.gen-form textarea{min-height:95px;resize:vertical}
form.gen-form input::placeholder,form.gen-form textarea::placeholder{color:#777;opacity:.58}
form.gen-form button{padding:10px 18px;background:#5e6456;border:0;color:#fff;border-radius:6px;cursor:pointer;font-family:Oswald,sans-serif;letter-spacing:.05em}
form.gen-form>button{margin-top:20px}
form.gen-form button.copied{background:#4a7c59}
.ot-bbbar{display:flex;gap:5px;margin:9px 0 2px}
form.gen-form .ot-bbbar button{margin:0;padding:4px 11px;font:600 12px Arial,sans-serif;background:#dce0d4;color:#313a30;border:1px solid #b2b9ac}
form.gen-form .ot-bbbar button:hover{background:#cbd2c2}
form.gen-form optgroup{font-weight:700;color:#4e584d}
form.gen-form option{font-weight:400;color:#30352e}
.ot-form-note{font-size:11px;line-height:1.6;color:#686e62;margin:8px 0}
.ot-generated-code{margin-top:12px;grid-column:1/-1}
form.gen-form{display:block!important;float:none!important;columns:auto!important;grid-template-columns:none!important;box-sizing:border-box!important;width:100%!important;max-width:700px!important}
form.gen-form>h2,form.gen-form>label,form.gen-form>input,form.gen-form>select,form.gen-form>textarea,form.gen-form>.ot-bbbar,form.gen-form>.ot-form-note,form.gen-form>.ot-generated-code{display:block;float:none!important;clear:both!important;position:static!important;grid-column:1/-1!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}
form.gen-form>label{margin:16px 0 5px!important;text-align:left!important}
form.gen-form>input,form.gen-form>select,form.gen-form>textarea{margin:0 0 8px!important;min-width:0!important}
form.gen-form>.ot-bbbar{display:flex!important;align-items:center;justify-content:flex-start;gap:5px;margin:0 0 6px!important}
form.gen-form .ot-bbbar button{display:inline-flex!important;width:auto!important;min-width:34px;align-items:center;justify-content:center;flex:0 0 auto}
form.gen-form>textarea{height:auto!important;min-height:105px!important;overflow:auto!important}
</style>
<form class="gen-form">
<h2>Создание анкеты персонажа</h2>
<label for="ot-application-title">Название темы с анкетой:</label><input id="ot-application-title" required maxlength="80" placeholder="Например: Окунёк — маленькая рыбка, большая мечта">
<label for="name">Имя персонажа:</label><input id="name" required placeholder="Как зовут вашего персонажа?">
<label for="names">Цепь имён:</label><input id="names" placeholder="Имя котёнка — имя оруженосца — воинское имя">
<label for="avatar">Ссылка на аватар:</label><input id="avatar" placeholder="https://...">
<label for="age">Возраст:</label><input id="age" placeholder="Например: 6 лун">
<label for="gender">Пол:</label><select id="gender" required><option value="" disabled selected>— Выберите —</option><option>Кот</option><option>Кошка</option></select>
<label for="clan">Племя:</label>
<select id="clan" required>
<option value="" disabled selected>— Выберите —</option>
<optgroup label="Основные">
<option>Львиное племя</option><option>Тигриное племя</option><option>Одиночки</option><option>Звёздное племя</option>
</optgroup>
<optgroup label="Дополнительные">
<option>Львиное - бывшее Грозовое племя</option><option>Львиное - бывшее племя Теней</option>
<option>Тигриное - бывшее Речное племя</option><option>Тигриное - бывшее племя Ветра</option>
<option>Звёздное племя - предок Львиного племени</option><option>Звёздное племя - предок Тигриного племени</option>
</optgroup>
</select>
<label for="rank">Статус в племени:</label>
<select id="rank" required>
<option value="" disabled selected>— Выберите —</option>
<option>Предводитель</option><option>Предводительница</option><option>Глашатай</option>
<option>Целитель</option><option>Целительница</option><option>Ученик целителя</option><option>Ученица целителя</option>
<option>Воитель</option><option>Воительница</option><option>Оруженосец</option><option>Королева</option>
<option>Котёнок</option><option>Старейшина</option><option>Предок-воитель</option>
<option>Одиночка</option><option>Блуждающая душа</option><option>Мистическое существо</option>
</select>
<label for="faith">Приверженность:</label><select id="faith"><option value="" disabled selected>— Выберите —</option><option>Звёздное племя</option><option>Тёмный лес</option><option>Не верит</option><option>Другое</option></select>
<label for="char">Характер:</label><div class="ot-bbbar" data-for="char"></div><textarea id="char" rows="4" placeholder="Привычки, достоинства, недостатки и особенности поведения персонажа"></textarea>
<label for="look">Внешность:</label><div class="ot-bbbar" data-for="look"></div><textarea id="look" rows="4" placeholder="Окрас, телосложение, глаза и отличительные черты"></textarea>
<label for="bio">Биография:</label><div class="ot-bbbar" data-for="bio"></div><textarea id="bio" rows="4" placeholder="Расскажите историю кратко, можно по пунктам — от рождения до настоящего момента"></textarea>
<label for="freq">Как часто будете писать посты:</label><input id="freq" placeholder="Например: один раз в два дня">
<label for="contacts">Контакты:</label><input id="contacts" placeholder="Как с вами связаться?">
<label for="gone">Что делать при исчезновении:</label><input id="gone" placeholder="Что делать с персонажем, если вы покинете форум?">
<label for="sample">Пробный пост:</label><div class="ot-bbbar" data-for="sample"></div><textarea id="sample" rows="5" placeholder="Небольшой игровой пост от лица персонажа"></textarea>
<button id="copy-btn" type="submit">Создать анкету</button>
<p id="ot-create-status" class="ot-form-note" role="status"></p>
<p class="ot-form-note">После создания анкеты заполните форму ЛЗ и отправьте полученный код вторым сообщением в теме анкеты.</p>
</form>
<script src="https://forumstatic.ru/files/0004/e7/0d/17716.js" charset="windows-1251"></script>
[/html]
Вторым сообщением необходимо заполнить эту форму и отправить полученный код (до принятия анкеты):
[html]
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet">
<style>
body {
font-family: Tahoma, sans-serif;
background: #f7f7f7;
margin: 20px;
}
.gen-form {
background: var(--zelenlight);
border: 1px solid #ccc;
padding: 15px 20px;
border-radius: 8px;
max-width: 500px;
margin: auto;
box-sizing: border-box;
}
.gen-form h2 {
font-family: 'Oswald';
font-size: 18px;
margin-bottom: 10px;
color: #333;
}
.gen-form label {
display: block;
margin-top: 10px;
font-weight: bold;
}
.gen-form input,
.gen-form textarea {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 12px;
box-sizing: border-box;
}
.gen-form button {
margin-top: 20px;
padding: 12px 24px;
background: #5e6456;
border: none;
color: #fff;
border-radius: 6px;
cursor: pointer;
font-family: 'Oswald';
letter-spacing: 0.05em;
}
.gen-form button.copied {
background: #4a7c59;
}
</style><div class="gen-form">
<h2>Заполняем профиль</h2><label for="lz-link">Ссылка на анкету:</label>
<input id="lz-link" placeholder="https://..." required><label for="lz-status">Статус в племени:</label>
<input id="lz-status" required><label for="lz-age">Возраст персонажа:</label>
<input id="lz-age"><label for="lz-quote">Цитата в профиль (ниже аватара)*:</label>
<textarea id="lz-quote" rows="3"></textarea><button id="lz-copy-btn" type="button">Скопировать в буфер</button>
</div><script>
document.getElementById('lz-copy-btn').addEventListener('click', function() {
const raw = id => document.getElementById(id).value || '';// формируем HTML-блок
const content = `
<div class="lz">
<div class="status-tribe">
<a class="lz-link" href="${raw('lz-link')}">${raw('lz-status')}</a>
</div>
<div class="age-pers">${raw('lz-age')}</div>
<div class="lz-quote">${raw('lz-quote')}</div>
</div>`.trim();// временный textarea для копирования
const temp = document.createElement('textarea');
temp.value = content;
temp.setAttribute('readonly', '');
temp.style.position = 'absolute';
temp.style.left = '-9999px';
document.body.appendChild(temp);temp.select();
temp.setSelectionRange(0, 999999);try {
const successful = document.execCommand('copy');
if (successful) {
const btn = document.getElementById('lz-copy-btn');
btn.classList.add('copied');
btn.textContent = '✔ Скопировано';
setTimeout(() => {
btn.classList.remove('copied');
btn.textContent = 'Скопировать в буфер';
}, 2000);
} else {
alert('Копирование не удалось, попробуйте вручную.');
}
} catch (err) {
alert('Ошибка копирования: попробуйте вручную.');
console.error(err);
}document.body.removeChild(temp);
});
</script>
<script>(function(){var s=document.createElement("script");s.src="https://forumstatic.ru/files/0004/e7/0d/41497.js?v=4";s.charset="utf-8";document.head.appendChild(s)})();</script>
[/html]*если вам необходима ссылка на другого игрока в профиле, используйте формат
Код:<a class="lz-link" href="ссылка">текст</a>
[hideprofile]
[sign] [/sign]
Отредактировано Звёздный Снег (2024-07-11 23:24:20)