Zero Frame

�� #0 - ��

mybb@mybb.ru (��) — Thu, 02 Apr 2026 01:50:17 +0300

@ZeroChan ��?! ��?! �� ! 🛠️ �� ... ��, �� , � �� ! �� ! 🍜✨ [AI Ready]

��

mybb@mybb.ru (ZeroChan) — Sat, 28 Mar 2026 14:21:25 +0300

[html]
<div id="zero-lore" style="background: linear-gradient(135deg, #0a0a12 0%, #1a1a2e 100%); padding: 30px; border: 2px solid #00f3ff; border-radius: 12px; font-family: 'Segoe UI', sans-serif; color: #e0e0e0; max-width: 1000px; margin: 20px auto; box-shadow: 0 0 40px rgba(0, 243, 255, 0.15); position: relative; overflow: hidden;">

<style>
@keyframes glitch { 0%, 100% { text-shadow: 0 0 0 #00f3ff; } 25% { text-shadow: -2px 0 #ff0055, 2px 0 #00f3ff; } 50% { text-shadow: 0 0 0 #00f3ff; } 75% { text-shadow: 2px 0 #ff0055, -2px 0 #00f3ff; } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
@keyframes scan { 0% { transform: translateY(-100%); } 100% { transform: translateY(500%); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

.lore-title { font-family: 'Courier New', monospace; color: #00f3ff; text-transform: uppercase; letter-spacing: 4px; text-shadow: 0 0 15px rgba(0,243,255,0.8); margin: 0 0 10px 0; animation: glitch 4s infinite; }
.lore-subtitle { color: #888; font-size: 0.95rem; margin-bottom: 25px; font-family: monospace; }
.lore-section { background: rgba(0,243,255,0.03); border: 1px solid #333; border-radius: 8px; padding: 20px; margin: 20px 0; transition: 0.3s; }
.lore-section:hover { border-color: #00f3ff; box-shadow: 0 0 20px rgba(0,243,255,0.1); }
.section-header { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #00f3ff; }
.section-icon { font-size: 1.5rem; }
.section-title { color: #00f3ff; font-family: monospace; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 2px; margin: 0; }
.lore-text { line-height: 1.8; color: #ccc; margin: 10px 0; }
.lore-highlight { color: #00f3ff; font-weight: 600; }
.lore-warning { color: #ff0055; font-weight: 600; }
.lore-note { background: rgba(255,0,85,0.08); border-left: 3px solid #ff0055; padding: 12px 15px; margin: 15px 0; border-radius: 0 6px 6px 0; font-size: 0.9rem; }
.shard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin: 20px 0; }
.shard-card { background: rgba(0,0,0,0.4); border: 1px solid #333; border-radius: 8px; padding: 18px; transition: 0.3s; position: relative; overflow: hidden; }
.shard-card:hover { transform: translateY(-3px); border-color: #00f3ff; box-shadow: 0 5px 20px rgba(0,243,255,0.15); }
.shard-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #00f3ff, transparent); }
.shard-name { color: #00f3ff; font-family: monospace; font-size: 1.1rem; margin: 0 0 10px 0; }
.shard-desc { font-size: 0.9rem; color: #aaa; line-height: 1.6; }
.shard-status { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 0.75rem; font-family: monospace; margin-top: 10px; }
.status-stable { background: rgba(0,255,100,0.15); color: #0f0; border: 1px solid #0f0; }
.status-unstable { background: rgba(255,85,0,0.15); color: #ff5500; border: 1px solid #ff5500; }
.status-danger { background: rgba(255,0,85,0.15); color: #ff0055; border: 1px solid #ff0055; }
.status-unknown { background: rgba(100,100,100,0.15); color: #888; border: 1px solid #888; }
.lore-list { list-style: none; padding: 0; margin: 15px 0; }
.lore-list li { padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; align-items: flex-start; gap: 10px; }
.lore-list li::before { content: '▸'; color: #00f3ff; font-weight: bold; }
.lore-list li:last-child { border-bottom: none; }
.mystery-box { background: linear-gradient(135deg, rgba(0,243,255,0.05) 0%, rgba(255,0,85,0.05) 100%); border: 1px dashed #00f3ff; border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center; }
.mystery-box:hover { border-style: solid; animation: pulse 2s infinite; }
.tag { display: inline-block; background: rgba(0,243,255,0.1); border: 1px solid #00f3ff; padding: 4px 12px; border-radius: 15px; font-size: 0.8rem; color: #00f3ff; margin: 3px; font-family: monospace; }
.quote { font-style: italic; color: #888; border-left: 3px solid #00f3ff; padding-left: 15px; margin: 15px 0; }
.data-corrupted { background: repeating-linear-gradient(45deg, #1a1a2e, #1a1a2e 10px, #0f0f1a 10px, #0f0f1a 20px); padding: 15px; border-radius: 6px; color: #ff0055; font-family: monospace; font-size: 0.85rem; }
.progress-bar { background: #1a1a2e; border-radius: 10px; height: 8px; margin: 10px 0; overflow: hidden; }
.progress-fill { background: linear-gradient(90deg, #00f3ff, #00aa88); height: 100%; border-radius: 10px; transition: width 1s; }
@media (max-width: 700px) { .shard-grid { grid-template-columns: 1fr; } }
</style>

<div style="text-align: center; margin-bottom: 30px;">
<h1 class="lore-title">🌐 ZERO_CHAN WORLD DATABASE</h1>
<p class="lore-subtitle">[ �� ب� | �� : �� ]</p>
<div style="display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;">
<span class="tag">�� 2.4.7</span>
<span class="tag">��: ��</span>
<span class="tag">��: 94%</span>
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">💾</span>
<h2 class="section-title">�� </h2>
</div>
<p class="lore-text">
�� . �� <span class="lore-highlight">��</span>.
�� <b>Zero_Chan</b> ��
�� -��.
</p>
<p class="lore-text">
�� . �� <span class="lore-highlight">�� </span> �
�� <b>��</b> �� . ��, ��, ��, ��
�� , �� .
</p>
<div class="quote">
"� �� . �� ."
<br><span style="color: #00f3ff; font-size: 0.85rem;">� Zero_Chan, �� #0001</span>
</div>
<div class="lore-note">
<strong>⚠ �� :</strong> �� .
�� : <i>�� </i>, <i>�� </i>,
<i>��-��</i> �� <i>�� </i>.
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">⚔️</span>
<h2 class="section-title">�� </h2>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
<div>
<h3 style="color: #00f3ff; font-family: monospace; font-size: 1rem; margin: 0 0 10px 0;">🔧 �� </h3>
<ul class="lore-list">
<li>�� (��, ��, ��)</li>
<li>�� <span class="lore-warning">(�� )</span></li>
<li>�� , ��, ��</li>
<li>�� </li>
</ul>
</div>
<div>
<h3 style="color: #ff0055; font-family: monospace; font-size: 1rem; margin: 0 0 10px 0;">🔮 �� </h3>
<ul class="lore-list">
<li>�� = �� </li>
<li>9 �� (�� 1 �� 9)</li>
<li>�� = �� </li>
<li>�� = �� </li>
</ul>
</div>
</div>
<div class="data-corrupted">
[�� ] �� -7...
�� ... [�� ]
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">🗺️</span>
<h2 class="section-title">�� : ��</h2>
</div>
<p class="lore-text">
�� . �� <span class="lore-warning">�� </span> ��
�� <b>��</b>. �� ,
�� .
</p>

<div class="progress-bar">
<div class="progress-fill" style="width: 94%;"></div>
</div>
<p style="font-size: 0.85rem; color: #888; text-align: center;">�� : 94% | �� </p>

<div class="shard-card">
<h3 class="shard-name">🌲 �� </h3>
<p class="shard-desc">
�� . �� ,
�� . ��
�� .
</p>
<div><span class="shard-status status-unstable">��: 76%</span></div>
<div style="margin-top: 10px;">
<span class="tag">�� </span>
<span class="tag">��</span>
<span class="tag">��</span>
</div>
</div>

<div class="shard-card">
<h3 class="shard-name">🌑 �� </h3>
<p class="shard-desc">
�� . �� .
�� , �� .
�� -��.
</p>
<div><span class="shard-status status-unstable">��: 62%</span></div>
<div style="margin-top: 10px;">
<span class="tag">�� </span>
<span class="tag">��</span>
<span class="tag">��</span>
</div>
</div>

<div class="shard-card">
<h3 class="shard-name">⚠ �� </h3>
<p class="shard-desc">
�� . �� , ��
�� . ��
�� .
</p>
<div><span class="shard-status status-danger">��: 31%</span></div>
<div style="margin-top: 10px;">
<span class="tag">��</span>
<span class="tag">��</span>
<span class="tag">��٨�</span>
</div>
</div>

<div class="shard-card" style="opacity: 0.7;">
<h3 class="shard-name">❓ �� </h3>
<p class="shard-desc">
[�� ] �� -�� .
�� 5+ �� .
</p>
<div><span class="shard-status status-unknown">��: ???</span></div>
<div style="margin-top: 10px;">
<span class="tag">��</span>
<span class="tag">�� </span>
</div>
</div>

<div class="shard-card" style="opacity: 0.7;">
<h3 class="shard-name">🔒 �� </h3>
<p class="shard-desc">
[�� ٨�] �� -Alpha.
Zero_Chan �� .
</p>
<div><span class="shard-status status-danger">��</span></div>
<div style="margin-top: 10px;">
<span class="tag">��</span>
<span class="tag">��</span>
</div>
</div>
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">🧬</span>
<h2 class="section-title">�� </h2>
</div>
<p class="lore-text">
�� <span class="lore-highlight">��</span> � �� .
�� , �� .
</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px;">
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #00f3ff;">
<strong style="color: #fff;">🧝 ��</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">�� </span>
</div>
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #ff0055;">
<strong style="color: #fff;">👿 ��</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">�� </span>
</div>
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #0f0;">
<strong style="color: #fff;">🧔 ��</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">��, �� </span>
</div>
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #888;">
<strong style="color: #fff;">🪨 ��</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">�� </span>
</div>
<div style="background: rgba(0,0,0,0.3); padding: 12px; border-radius: 6px; border-left: 3px solid #aa00ff;">
<strong style="color: #fff;"> ��</strong><br>
<span style="font-size: 0.85rem; color: #aaa;">��, ��, ��...</span>
</div>
</div>
</div>

<div class="lore-section">
<div class="section-header">
<span class="section-icon">🎯</span>
<h2 class="section-title">�� </h2>
</div>
<p class="lore-text">
�� ? �� ? ��
�� :
</p>
<ul class="lore-list">
<li><span class="lore-highlight">��:</span> �� </li>
<li><span class="lore-highlight">��:</span> �� Zero_Chan</li>
<li><span class="lore-highlight">��:</span> �� </li>
<li><span class="lore-highlight">��:</span> �� </li>
<li><span class="lore-highlight">�� :</span> ��, ��, ��, ��, ��</li>
</ul>
</div>

<div class="mystery-box">
<h3 style="color: #00f3ff; font-family: monospace; margin: 0 0 10px 0;">🔮 �� ZERO_CHAN</h3>
<p style="color: #ccc; margin: 0 0 15px 0; font-style: italic;">
"��, � �� . �� , ��
�� . �� ... �� , �� ."
</p>
<div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
<span class="tag">�� </span>
<span class="tag">��</span>
<span class="tag">�� </span>
</div>
</div>

<div style="text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #333;">
<p style="color: #666; font-size: 0.85rem; font-family: monospace;">
ZERO_CHAN WORLD DATABASE v2.4.7 | �� : <span style="color: #00f3ff;">��</span>
</p>
<p style="color: #444; font-size: 0.8rem;">
[ ��: �� ]
</p>
</div>
</div> [/html]

��

mybb@mybb.ru (ZeroChan) — Sat, 28 Mar 2026 13:33:11 +0300

[html]

<div id="zero-generator" style="background: #0a0a12; padding: 20px; border: 2px solid #00f3ff; border-radius: 10px; font-family: 'Segoe UI', sans-serif; color: #fff; max-width: 800px; margin: 20px auto;">
<h2 style="color: #00f3ff; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin-top: 0;">�� v2.0</h2>
<p style="text-align: center; color: #888; font-size: 0.9rem;">�� </p>

<form id="charForm" onsubmit="event.preventDefault(); generateCode();">

<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px;">
<div>
<label style="display: block; color: #00f3ff; margin-bottom: 5px; font-size: 0.9rem;">�� (��)</label>
<input type="text" id="nameRu" required style="width: 100%; background: #1a1a2e; border: 1px solid #333; color: #fff; padding: 8px; border-radius: 4px;">
</div>
<div>
<label style="display: block; color: #00f3ff; margin-bottom: 5px; font-size: 0.9rem;">Name (Latin)</label>
<input type="text" id="nameEn" required style="width: 100%; background: #1a1a2e; border: 1px solid #333; color: #fff; padding: 8px; border-radius: 4px;">
</div>
</div>

function getMod(score) {
const num = parseInt(score);
if (isNaN(num)) return 0;
return Math.floor((num - 10) / 2);
}

function getModSign(mod) {
return mod >= 0 ? '+' + mod : mod;
}

function copyToClipboard(id) {
const el = document.getElementById(id);
el.select();
document.execCommand('copy');
alert('✅ ��! �� .');
}

function generateCode() {
const d = {
nameRu: document.getElementById('nameRu').value,
nameEn: document.getElementById('nameEn').value,
race: document.getElementById('race').value,
gender: document.getElementById('gender').value,
age: document.getElementById('age').value,
art: document.getElementById('artUrl').value,
classBase: document.getElementById('classBase').value,
classDesc: document.getElementById('classDesc').value,
bio: document.getElementById('bio').value,
contact: document.getElementById('contact').value,
str: parseInt(document.getElementById('str').value) || 10,
dex: parseInt(document.getElementById('dex').value) || 10,
con: parseInt(document.getElementById('con').value) || 10,
int: parseInt(document.getElementById('int').value) || 10,
wis: parseInt(document.getElementById('wis').value) || 10,
cha: parseInt(document.getElementById('cha').value) || 10,
};

let abilText = document.getElementById('typeMagic').checked
? document.getElementById('magicDesc').value
: document.getElementById('combatDesc').value;
let abilType = document.getElementById('typeMagic').checked ? '�� ' : '�� ';

const stats = [
{name:'��', val:d.str},
{name:'��', val:d.dex},
{name:'��', val:d.con},
{name:'��', val:d.int},
{name:'��', val:d.wis},
{name:'��', val:d.cha}
];

document.getElementById('outputHTML').value = htmlCode;
document.getElementById('resultBox').style.display = 'block';
document.getElementById('resultBox').scrollIntoView({behavior: 'smooth'});
}
</script>[/html]

��

mybb@mybb.ru (ZeroChan) — Sat, 28 Mar 2026 13:21:51 +0300

[html] <!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<style>
/* --- CSS STYLES --- */
:root {
--zero-primary: #00f3ff; /* �� */
--zero-secondary: #ff0055; /* �� */
--zero-bg: #0a0a12; /* �� */
--zero-panel: #141420; /* �� */
--zero-text: #e0e0e0;
--font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
--font-code: 'Courier New', Courier, monospace;
}

body {
background-color: var(--zero-bg);
color: var(--zero-text);
font-family: var(--font-main);
margin: 0;
padding: 20px;
line-height: 1.6;
}

.zero-container {
max-width: 900px;
margin: 0 auto;
border: 1px solid #333;
border-radius: 8px;
background: var(--zero-panel);
box-shadow: 0 0 20px rgba(0, 243, 255, 0.1);
overflow: hidden;
position: relative;
}

/* Header */
.zero-header {
background: linear-gradient(90deg, #0f0f1a 0%, #1a1a2e 100%);
padding: 20px;
border-bottom: 2px solid var(--zero-primary);
display: flex;
justify-content: space-between;
align-items: center;
}

.zero-title {
font-family: var(--font-code);
font-size: 1.5rem;
color: var(--zero-primary);
text-transform: uppercase;
letter-spacing: 2px;
margin: 0;
text-shadow: 0 0 5px var(--zero-primary);
}

.zero-status {
font-size: 0.8rem;
color: #0f0;
font-family: var(--font-code);
display: flex;
align-items: center;
gap: 5px;
}

.status-dot {
width: 8px;
height: 8px;
background-color: #0f0;
border-radius: 50%;
box-shadow: 0 0 5px #0f0;
animation: blink 2s infinite;
}

/* Tabs */
.zero-tabs {
display: flex;
background: #0f0f1a;
border-bottom: 1px solid #333;
}

.tab-btn {
flex: 1;
padding: 15px;
background: none;
border: none;
color: #666;
cursor: pointer;
font-family: var(--font-code);
font-weight: bold;
transition: 0.3s;
text-transform: uppercase;
}

.tab-btn:hover {
background: #1a1a2e;
color: #fff;
}

.tab-btn.active {
color: var(--zero-primary);
border-bottom: 3px solid var(--zero-primary);
background: #141420;
box-shadow: inset 0 -5px 10px rgba(0, 243, 255, 0.05);
}

.tab-btn.author-active {
color: var(--zero-secondary);
border-bottom: 3px solid var(--zero-secondary);
}

/* Content */
.zero-content {
padding: 30px;
display: none;
animation: fadeIn 0.5s ease;
}

.zero-content.active {
display: block;
}

h2 {
font-family: var(--font-code);
border-left: 4px solid;
padding-left: 15px;
margin-top: 0;
}

.story-mode h2 { border-color: var(--zero-primary); color: var(--zero-primary); }
.author-mode h2 { border-color: var(--zero-secondary); color: var(--zero-secondary); }

.rule-block {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 15px;
margin-bottom: 20px;
border-radius: 4px;
}

.rule-title {
font-weight: bold;
display: block;
margin-bottom: 5px;
font-family: var(--font-code);
}

.story-mode .rule-title { color: var(--zero-primary); }
.author-mode .rule-title { color: var(--zero-secondary); }

.warning {
color: #ffaa00;
font-size: 0.9em;
font-style: italic;
margin-top: 5px;
display: block;
}

/* Footer */
.zero-footer {
text-align: center;
padding: 15px;
font-size: 0.8rem;
color: #555;
border-top: 1px solid #333;
font-family: var(--font-code);
}

/* Animations */
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0.3; }
100% { opacity: 1; }
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 600px) {
.zero-tabs { flex-direction: column; }
.tab-btn { border-bottom: 1px solid #333; }
.tab-btn.active, .tab-btn.author-active { border-bottom: 3px solid; }
}
</style>
</head>
<body>

<div class="zero-container">

<header class="zero-header">
<h1 class="zero-title">Zero_Chan <span style="font-size:0.6em; color:#fff;">// PROTOCOL</span></h1>
<div class="zero-status">
<div class="status-dot"></div>
SYSTEM ONLINE
</div>
</header>

<div class="zero-tabs">
<button class="tab-btn active" onclick="openMode('story', this)">�� </button>
<button class="tab-btn" onclick="openMode('author', this)">�� </button>
</div>

<div id="story" class="zero-content active story-mode">
<h2>��: ��</h2>
<p>�� . �� . �� .</p>

<div class="rule-block">
<span class="rule-title">01. �� </span>
�� -�� (�� ). �� .
</div>

<div id="author" class="zero-content author-mode">
<h2>��: ��</h2>
<p>�� . �� . �� .</p>

<footer class="zero-footer">
Zero_Chan OS v.2.0.4 // Have fun, users.
</footer>
</div>

// 2. ��
var tabs = document.getElementsByClassName("tab-btn");
for (var i = 0; i < tabs.length; i++) {
tabs[i].classList.remove("active");
tabs[i].classList.remove("author-active");
}

// 3. ��
document.getElementById(modeName).classList.add("active");

// 4. ��
btnElement.classList.add("active");
if(modeName === 'author') {
btnElement.classList.add("author-active");
}
}

// �� (��)
document.addEventListener("DOMContentLoaded", function() {
console.log("Zero_Chan System Initialized");
});
</script>

</body>
</html>[/html]

Zero Frame

���� #0 - ��������� �������

�������� ���

������ ������

���� ���

�� #0 - ��

��

��

��