ВАЖНО: Заполните анкету, нажмите "Сгенерировать анкету", затем создайте в данном разделе новую тему, к примеру "Анкета Рыжика", "Анкета Чумазика" (можно проявить фантазию и назвать оригинально) и вставляйте в анкету полученный ниже код.
!! ВНИМАНИЕ, удалите из полученног кода звездочки в [*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:#d7d9c4;
border:1px solid #ccc;
padding:15px 20px;
border-radius:8px;
max-width:700px;
margin:auto;
}
form.gen-form h2 {
font-family:'Oswald';
font-size:18px;
margin-bottom:10px;
color:#333;
}
form.gen-form label {
display:block;
margin-top:10px;
font-weight:bold;
}
form.gen-form input,
form.gen-form textarea {
width:100%;
padding:8px;
border:1px solid #ccc;
border-radius:6px;
font-size:12px;
}
form.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;
}
form.gen-form button.copied {
background:#4a7c59;
}
</style>
<form class="gen-form" onsubmit="copyGenerated(); return false;">
<h2>🐾 Создание анкеты персонажа</h2>
<label>Имя персонажа:</label>
<input id="name" required>
<label>Цепь имён:</label>
<input id="names">
<label>Ссылка на аватар:</label>
<input id="avatar" placeholder="https://...">
<label>Возраст:</label>
<input id="age">
<label>Пол:</label>
<input id="gender">
<label>Племя:</label>
<input id="clan">
<label>Статус в племени:</label>
<input id="rank">
<label>Приверженность:</label>
<input id="faith">
<label>Личный статус:</label>
<input id="status">
<label>Характер:</label>
<textarea id="char" rows="3"></textarea>
<label>Внешность:</label>
<textarea id="look" rows="3"></textarea>
<label>Биография:</label>
<textarea id="bio" rows="3"></textarea>
<label>Как часто будете писать посты:</label>
<input id="freq">
<label>Контакты:</label>
<input id="contacts">
<label>Что делать при исчезновении:</label>
<input id="gone">
<label>Пробный пост:</label>
<textarea id="sample" rows="4"></textarea>
<button id="copy-btn" type="submit">📋 Скопировать в буфер</button>
</form>
<script>
// ---------- BBCode + переносы строк ----------
function parseText(text) {
if (!text) return '';
return text
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/\r?\n/g, '<br>')
.replace(/\[b\](.*?)\[\/b\]/gi, '<b>$1</b>')
.replace(/\[i\](.*?)\[\/i\]/gi, '<i>$1</i>')
.replace(/\[u\](.*?)\[\/u\]/gi, '<u>$1</u>')
.replace(/\[s\](.*?)\[\/s\]/gi, '<s>$1</s>')
.replace(/\[url=(.*?)\](.*?)\[\/url\]/gi, '<a href="$1" target="_blank">$2</a>')
.replace(/\[img\](.*?)\[\/img\]/gi, '<img src="$1" alt="">')
.replace(/\[quote\](.*?)\[\/quote\]/gis, '<blockquote>$1</blockquote>')
.replace(/\[spoiler\](.*?)\[\/spoiler\]/gis, '<details><summary>Спойлер</summary>$1</details>');
}
// ---------- генерация + надёжное копирование ----------
function copyGenerated() {
const raw = id => document.getElementById(id).value || '';
const v = id => parseText(raw(id));
const content = `
<div class="chr0">
<div class="shpk1">
<img src="${raw('avatar')}" decoding="async">
<ul>
<li>${raw('name')}</li>
<li>Цепь имён: ${raw('names')}</li>
</ul>
</div>
<p class="epp">
<zag>ОСНОВНАЯ ИНФОРМАЦИЯ</zag>
<em>
Возраст: ${raw('age')}<br>
Пол: ${raw('gender')}<br>
Племя: ${raw('clan')}<br>
Статус в племени: ${raw('rank')}<br>
Приверженность персонажа: ${raw('faith')}<br>
Личный статус: ${raw('status')}
</em>
</p>
<p class="epp"><zag>ХАРАКТЕР</zag>${v('char')}</p>
<p class="epp"><zag>ВНЕШНОСТЬ</zag>${v('look')}</p>
<p class="epp"><zag>БИОГРАФИЯ</zag>${v('bio')}</p>
<p class="epp">
<zag>ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ</zag>
<em>
Как часто Вы готовы писать игровые посты: ${raw('freq')}<br>
Контакты: ${raw('contacts')}<br>
Что делать с персонажем в случае Вашего исчезновения: ${raw('gone')}
</em>
</p>
<details>
<summary>Пробный пост</summary>
<p>${v('sample')}</p>
</details>
</div>`;
const wrapped = `[*html]${content}[/html*]`;
const temp = document.createElement('textarea');
temp.value = wrapped;
temp.setAttribute('readonly', '');
temp.style.position = 'absolute';
temp.style.left = '-9999px';
document.body.appendChild(temp);
temp.select();
temp.setSelectionRange(0, 999999);
document.execCommand('copy');
document.body.removeChild(temp);
const btn = document.getElementById('copy-btn');
btn.classList.add('copied');
btn.textContent = '✔ Скопировано';
setTimeout(() => {
btn.classList.remove('copied');
btn.textContent = '📋 Скопировать в буфер';
}, 2000);
}
</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: #d7d9c4;
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>[/html]
*если вам необходима ссылка на другого игрока в профиле, используйте формат
Код:<a class="lz-link" href="ссылка">текст</a>
[sign] [/sign]
[hideprofile]
Отредактировано Звёздный Снег (2024-07-11 23:24:20)