welkin moon

��

mybb@mybb.ru (welkin) — Mon, 09 Mar 2026 11:34:42 +0300

��

>��
>�� fld3 ��

� ��-��

��:

<script>
const PET_CONFIG = {
    fieldId: 'fld3',
    // ������ ������ ��� ������ �����
        types: {
        // ����������
        'dragon':  { 0: '🥚', 5: '🐥', 15: '🐉' },
        'unicorn': { 0: '🥚', 5: '🎠', 15: '🦄' },
        'alien':   { 0: '🥚', 5: '👾', 15: '🛸' },
        'ghost':   { 0: '🥚', 5: '💀', 15: '👻' },

        // �������
        'cat':     { 0: '🥚', 5: '🐱', 15: '🦁' },
        'dog':     { 0: '🥚', 5: '🐶', 15: '🐺' },
        'panda':   { 0: '🥚', 5: '🧸', 15: '🐼' },
        'bear':    { 0: '🥚', 5: '🧸', 15: '🐻' },
        'bird':    { 0: '🥚', 5: '🐣', 15: '🦅' },
        'bee':     { 0: '🌻', 5: '🐛', 15: '🐝' },
        'butterfly': { 0: '🌿', 5: '🐛', 15: '🦋' },
        'whale':    { 0: '🫧', 5: '🐟', 15: '🐋' },
        'dolphin':   { 0: '🫧', 5: '🐟', 15: '🦈' },
    },
    defaultType: 'dragon'
};

$(document).ready(function() {
    $('.post-author').each(function() {
        const $author = $(this);
        const $fld3 = $author.find('.pa-fld3');
        
        if ($fld3.length) {
            const petsData = $fld3.text().split(',');
            let petsHtml = '<div class="pets-wrapper">';

            petsData.forEach(data => {
                const parts = data.split('|').map(s => s.trim());
                if (parts.length < 2) return;

                // ������: ���|�������|���
                const type = PET_CONFIG.types[parts[0]] ? parts[0] : PET_CONFIG.defaultType;
                const level = parseInt(parts[1].replace(/\D/g, '')) || 0;
                const petName = parts[2] || '�������';
                
                const stages = PET_CONFIG.types[type];
                let currentImg = stages[0];
                for (let l in stages) {
                    if (level >= parseInt(l)) currentImg = stages[l];
                }

                petsHtml += `
                    <div class="pet-container">
                        <div class="pet-icon">${currentImg}</div>
                        <div class="pet-tooltip">
                            <span class="pet-t-name">${petName}</span>, 
                            <span class="pet-t-info">��. ${level}</span>
                        </div>
                    </div>`;
            });

            petsHtml += '</div>';
            $fld3.hide();
            $author.append(petsHtml);
        }
    });
});
</script>

<style>
.pets-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin: 8px 0;
}

.pet-container {
    position: relative;
    cursor: help;
}

@keyframes petSwing {
    0%, 100% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
}

.pet-icon { 
    font-size: 22px; 
    animation: petSwing 3s ease-in-out infinite;
    transition: transform 0.2s;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));
}

.pet-container:hover .pet-icon { transform: scale(1.2); }

.pet-tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    background: #fff;
    padding: 3px 10px;
    border-radius: 8px;
    white-space: nowrap;
    z-index: 100;
    transition: all 0.2s ease-out;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    border: 1px solid #ddd;
    font-size: 11px;
    pointer-events: none;
}

.pet-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #fff;
}

.pet-container:hover .pet-tooltip {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.pet-t-name { font-weight: bold; color: #333; }
.pet-t-info { color: #777; }
</style>

�� :
dog|18|��, cat|6|��, bee|2|��
�� , ��
�� |��

�� , �� <img src="��_��_��">.

��+��

mybb@mybb.ru (welkin) — Wed, 11 Feb 2026 18:13:49 +0300

_{!! ��, �� [*html]....[/html*]}

[html]

.tabs{
display:flex;
gap:4px;
max-width:800px;
margin:12px auto 0;
}
.tab{
padding:6px 12px;
background:#cfcfcf;
border-radius:12px 12px 0 0;
cursor:pointer;
font-size:11px;
}
.tab.active{
background:#f9f9f9;
font-weight:bold;
}

.tab-content{
display:none;
background:#f9f9f9;
border-radius:0 12px 12px 12px;
padding:12px;
}
.tab-content.active{
display:block;
}

form{
width:100%;
}

/* �� */
.row{
display:flex;
gap:4px;
align-items:center;
margin-top:4px;
}

.row label{
width:60px;
font-size:10px;
font-weight:bold;
}

.row input{
padding:4px;
font-size:10px;
border:1px solid #ccc;
border-radius:3px;
flex:1;
}

/* �� textarea */
.fullwidth{
display:block; /* �� */
width:100% !important; /* �� */
max-width:100%; /* �� */
padding:4px;
font-size:10px;
border:1px solid #ccc;
border-radius:3px;
resize:vertical !important;
box-sizing:border-box;
margin-top:4px;
}

/* �� */
.section-title{
margin-top:8px;
font-weight:bold;
font-size:11px;
}

/* �� */
button{
margin-top:15px !important;
padding:4px 10px;
background:#535353;
color:white;
border:none;
border-radius:3px;
cursor:pointer;
display:block;
font-size:11px;
}
button.copied{
background:green;
}
</style>

<div class="tab-content active">
<form onsubmit="copyCharacter(); return false;">
<div class="row">
<label>��</label>
<input id="name_ru" placeholder="��" required>
<span>//</span>
<input id="name_en" placeholder="eng" required>
</div>
<div class="row">
<label>��</label>
<input id="fandom" placeholder="�� eng" required>
</div>
<div class="row">
<label>��</label>
<input id="img" placeholder="https://..." required>
</div>
<div class="row">
<label>��</label>
<input id="action" placeholder="https://...">
</div>

<div class="tab-content">
<form onsubmit="copyProfile(); return false;">
<div class="row">
<label>��</label>
<input id="anketa_link" placeholder="�� " required>
</div>
<div class="row">
<label>��</label>
<input id="profile_link" placeholder="�� " required>
</div>
<button type="submit" id="copy-prof" data-default="📋 ��">📋 ��</button>
</form>
</div>

<div class="tab-content">
<form onsubmit="copyPage(); return false;">
<div class="row">
<label>��</label>
<input id="nick" placeholder="�� , �� " required>
</div>
<div class="row">
<label>��</label>
<input id="avatar" placeholder="https://..." required>
</div>
<div class="row">
<label>��</label>
<input id="epigraph" placeholder="�� , 300 ��" required>
</div>

/* BBCode + �� */
function parseText(text){
if(!text) return '';
let parsed=text.replace(/\r?\n/g,'<br>');
parsed=parsed
.replace(/\[b\](.*?)\[\/b\]/gis,'<b>$1</b>')
.replace(/\[i\](.*?)\[\/i\]/gis,'<i>$1</i>')
.replace(/\[u\](.*?)\[\/u\]/gis,'<u>$1</u>')
.replace(/\[s\](.*?)\[\/s\]/gis,'<s>$1</s>')
.replace(/\[url=(.*?)\](.*?)\[\/url\]/gis,'<a href="$1" target="_blank">$2</a>')
.replace(/\[img\](.*?)\[\/img\]/gis,'<img src="$1">')
.replace(/\[quote\](.*?)\[\/quote\]/gis,'<blockquote>$1</blockquote><p class="epp">')
.replace(/\[table([^\]]*)\]/gis,'<table$1>')
.replace(/\[\/table\]/gis,'</table><p class="epp">')
.replace(/\[tr\]/gis,'<tr>')
.replace(/\[\/tr\]/gis,'</tr>')
.replace(/\[td([^\]]*)\]/gis,'<td$1>')
.replace(/\[\/td\]/gis,'</td>');
return parsed;
}

function copyToClipboard(text, btnId){
const temp=document.createElement('textarea');
temp.value=text;
temp.setAttribute('readonly','');
temp.style.position='absolute';
temp.style.left='-9999px';
document.body.appendChild(temp);
temp.select();
document.execCommand('copy');
document.body.removeChild(temp);
const btn=document.getElementById(btnId);
btn.textContent='✔ ��';
btn.classList.add('copied');
setTimeout(()=>{ btn.textContent=btn.getAttribute('data-default'); btn.classList.remove('copied'); },2000);
}

/* �� */
function copyCharacter(){
const g=id=>document.getElementById(id).value||'';
const content=`<div class="chr0">
<div class="shpk1"><img src="${g('img')}" alt=""><ul><li>${g('name_en')} / ${g('name_ru')}</li><li>${g('fandom')}${g('action')?` � <a href="${g('action')}" target="_blank">��</a>`:''}</li></ul></div>
<p class="epp">${parseText(g('desc'))}</p>
<details><summary>�� </summary><p>${parseText(g('post'))}</p></details>
</div>`;
copyToClipboard(`[*html]${content}[/html*]`,'copy-char');
}

/* �� */
function copyProfile(){
const name_en=document.getElementById('name_en').value||'';
const name_ru=document.getElementById('name_ru').value||'';
const fandom=document.getElementById('fandom').value||'';
const profile=document.getElementById('profile_link').value||'#';
const anketa=document.getElementById('anketa_link').value||'#';
const content=`<a href="${profile}">${name_en} � ${name_ru}</a>\n<a href="${anketa}">${fandom}</a>`;
copyToClipboard(content,'copy-prof');
}

/* �� */
function copyPage(){
const g=id=>document.getElementById(id).value||'';
const content=`<div class='character'>
<div class="charTab">
<a class="charEdit" title="��" href="/admin_pages.php?edit_page=ares#tinym" target="_blank">��</a>
<div class="LeftBox">
<div class="charPic"><img src="${g('avatar')}"></div>
<div class="nickbox">${g('nick')}</div>
<div class="fandom">${document.getElementById('fandom').value||''}</div>
<div class="quo">${parseText(g('epigraph'))}</div>
<div class="chronobox"><div class="hd">�� </div>
<div class="catalog">${parseText(g('chrono'))}</div></div>
</div>
<div class="RightBox">
<div class="ShapkiPlashki"><div class="hd">�� </div><div class="catalog"><img src="https://upforme.ru/uploads/001c/14/5b/334/813771.png" class="igrokFon"><span><img src="https://upforme.ru/uploads/001c/14/5b/334/757528.png" class="plashka"></icnk><wrds style="color:#fff; size:12px;">born to be god of war<br>forced to be babygirl</wrds></span></div></div>
<div class="Achivments"><div class="hd">��</div><div class="catalog"><div class="achivka"><ach><img src="https://upforme.ru/uploads/001c/14/5b/7/376129.png"></ach><span>��<p>�� , �� </p></span></div></div></div>
<div class="Gifts"><div class="hd">��</div><div class="catalog"><div class="podarok" title="�� "><img src="https://upforme.ru/uploads/001c/14/5b/7/176856.png"></div></div></div>
</div></div>`;
copyToClipboard(content,'copy-page');
}
</script>

[/html]

��

mybb@mybb.ru (welkin) — Sun, 05 Oct 2025 19:43:30 +0300

[html]
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>�� RPG ��</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Cuprum', arial narrow;
margin: 0;
background-color: #f4f4f4;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
}
.alphabet {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 20px 20px;
}
button {
margin: 5px;
padding: 10px 15px;
background: #fff;
color: maroon;
border: 1px solid maroon;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
transition: background 0.3s;
}
button:hover {
background: #d6d2d1;
}
section {
font-family: 'Cuprum', arial narrow;
font-size: 15px;
padding: 19px;
background-color: #ffffff;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
width: 80%;
max-width: 600px;
opacity: 0.9;
}
h2 {
margin: 0;
color: #5a1607;
}
.role-list a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #5a1607;
font-weight: bold;
}
.role-list a:hover {
text-decoration: underline;
}
</style>
</head>
<body>

'A ✦ B ✦ C': `<div class="role-list">
<br><br>

<font size=2>✦ baldur's gate</font><hr>
<a href="��">orin the red � �� </a>

</div>`,

'D ✦ E ✦ F': `<div class="role-list">
<br><br>

<font size=2>✦ dead boy detectives</font><hr>
<a href="��">monty � ��</a>

<font size=2>✦ doctor who</font><hr>
<a href="��">jeanne-antoinette poisson � �� </a>
</div>`,

'G ✦ H ✦ I': `<div class="role-list">
<br><br>

<font size=2>✦ genshin impact</font><hr>
<a href="��">�yato �amisato � �� </a>
<a href="��">albedo � ��</a>
<a href="��">pierro � ��</a>
<a href="��">teucer � ��</a>

<font size=2>✦ honkai: star rail</font><hr>
<a href="��">guinaifen � ��</a>
<a href="��">kafka � ��</a>
<a href="��">march 7th � �� 7</a>
<a href="��">sparkle � �� / ��</a>

<font size=2>✦ horizon forbidden west</font><hr>
<a href="��">beta � ��</a>
</div>`,

// ��
};

function toggleRoles(letter) {
const rolesDisplay = document.getElementById('rolesDisplay');
rolesDisplay.innerHTML = `<h2>�� ${letter}</h2>${roles[letter] || '<p>�� </p>'}`;
}
</script>

</body>
[/html]
[hideprofile]

��

mybb@mybb.ru (welkin) — Tue, 30 Sep 2025 01:01:40 +0300

�� :

> ��
> html ��
> ...

welkin moon

�������

������+����

������ �����

���������

��

��+��

��

��