Раздел навигации

Новые сообщения

Добро пожаловать!

Max_Verstapen · 2026-01-01T23:35:57+00:00

Правила модерации | Page ВКонтакте class RulesModerationBlack extends HTMLElement { constructor() { super(); this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = this.getTemplate(); } connectedCallback() { this.initScripts(); } getTemplate() { return ` :host { display: block; --primary: #8B0000; --primary-dark: #5A0000; --primary-light: #B22222; --secondary: #4A0000; --secondary-dark: #300000; --accent: #660000; --success: #006400; --warning: #8B4513; --danger: #800000; --bg-dark: #0A0000; --bg-card: #150000; --bg-card-hover: #1E0000; --border-color: rgba(139, 0, 0, 0.3); --border-hover: rgba(178, 34, 34, 0.5); --text-primary: #FFFFFF; --text-secondary: #CC9999; --text-muted: #AA6666; --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.7); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.8); --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.9); --shadow-primary: 0 0 20px rgba(139, 0, 0, 0.5); --shadow-secondary: 0 0 20px rgba(90, 0, 0, 0.5); --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --radius: 16px; --radius-lg: 24px; --radius-xl: 32px; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; } .container { min-height: 100vh; background: var(--bg-dark); background-image: radial-gradient(circle at 10% 20%, rgba(139, 0, 0, 0.1) 0%, transparent 20%), radial-gradient(circle at 90% 80%, rgba(90, 0, 0, 0.1) 0%, transparent 20%); padding: 2rem 1rem; position: relative; overflow-x: hidden; } .content-wrapper { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } .header { text-align: center; margin-bottom: 4rem; padding: 3rem 0; position: relative; } .header::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 200px; height: 3px; background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent); border-radius: 3px; } .logo-container { display: flex; align-items: center; justify-content: center; gap: 2rem; margin-bottom: 2rem; position: relative; } .neon-circle { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--text-primary); position: relative; background: var(--bg-card); border: 2px solid transparent; animation: neonGlow 2s ease-in-out infinite alternate; } .neon-circle::before { content: ''; position: absolute; inset: -3px; border-radius: 50%; background: linear-gradient(45deg, var(--primary), var(--secondary), var(--accent)); z-index: -1; opacity: 0.5; animation: rotate 3s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes neonGlow { 0% { box-shadow: 0 0 10px var(--primary), inset 0 0 20px rgba(139, 0, 0, 0.2); } 100% { box-shadow: 0 0 20px var(--primary), 0 0 30px var(--secondary), inset 0 0 30px rgba(178, 34, 34, 0.2); } } .title-container h1 { font-size: 3.5rem; background: linear-gradient(135deg, var(--text-primary) 30%, var(--primary-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 1rem; font-weight: 800; letter-spacing: -0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); } .subtitle { color: var(--text-secondary); font-size: 1.2rem; letter-spacing: 3px; text-transform: uppercase; position: relative; display: inline-block; padding: 0.5rem 2rem; } .subtitle::before, .subtitle::after { content: '◆'; position: absolute; top: 50%; transform: translateY(-50%); color: var(--primary); animation: sparkle 2s infinite; } @keyframes sparkle { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } .subtitle::before { left: 0; } .subtitle::after { right: 0; } .server-badge { display: inline-block; background: linear-gradient(135deg, var(--bg-card), var(--bg-card-hover)); color: var(--primary-light); padding: 0.8rem 1.5rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; margin-top: 1rem; border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); transition: var(--transition); } .server-badge:hover { border-color: var(--primary-light); box-shadow: var(--shadow-primary); transform: translateY(-2px); } .nav-buttons { display: flex; justify-content: center; gap: 1rem; margin: 3rem 0; flex-wrap: wrap; } .nav-btn { padding: 1rem 2rem; background: linear-gradient(135deg, var(--bg-card), var(--bg-card-hover)); border: 1px solid var(--border-color); border-radius: var(--radius); color: var(--text-primary); font-weight: 600; font-size: 1rem; cursor: pointer; transition: var(--transition); position: relative; overflow: hidden; display: flex; align-items: center; gap: 0.8rem; min-width: 180px; justify-content: center; } .nav-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); transition: left 0.5s ease; } .nav-btn:hover::before { left: 100%; } .nav-btn:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); } .nav-btn.primary { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); border: none; } .nav-btn.primary:hover { box-shadow: var(--shadow-primary); } .nav-btn.secondary { background: linear-gradient(135deg, var(--secondary), var(--secondary-dark)); border: none; } .nav-btn.secondary:hover { box-shadow: var(--shadow-secondary); } .nav-btn.accent { background: linear-gradient(135deg, var(--accent), #4A0000); border: none; } .nav-btn.accent:hover { box-shadow: 0 0 20px rgba(102, 0, 0, 0.5); } .nav-btn i { font-size: 1.2rem; } .rules-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin-bottom: 4rem; } .rule-card { background: var(--bg-card); border-radius: var(--radius-lg); padding: 2rem; border: 1px solid var(--border-color); transition: var(--transition); position: relative; overflow: hidden; opacity: 0; transform: translateY(30px); box-shadow: var(--shadow-md); } .rule-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: opacity 0.3s ease; } .rule-card:hover::before { opacity: 1; } .rule-card.visible { opacity: 1; transform: translateY(0); } .rule-card:hover { transform: translateY(-8px); border-color: var(--border-hover); box-shadow: var(--shadow-lg), var(--shadow-primary); } .rule-header { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; } .rule-number { width: 50px; height: 50px; background: linear-gradient(135deg, var(--primary), var(--accent)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-primary); font-weight: 800; font-size: 1.3rem; position: relative; flex-shrink: 0; transition: var(--transition); box-shadow: 0 4px 15px rgba(139, 0, 0, 0.4); } .rule-card:hover .rule-number { transform: scale(1.1) rotate(10deg); background: linear-gradient(135deg, var(--secondary), var(--primary)); } .rule-title { color: var(--text-primary); font-size: 1.4rem; font-weight: 700; flex-grow: 1; } .rule-content { color: var(--text-secondary); line-height: 1.7; font-size: 0.95rem; } .rule-item { margin-bottom: 0.8rem; padding-left: 1rem; position: relative; transition: var(--transition); } .rule-item:hover { padding-left: 1.5rem; color: var(--text-primary); } .rule-item:hover .number { color: var(--primary); } .rule-item .number { color: var(--primary-light); font-weight: 600; margin-right: 0.5rem; transition: var(--transition); } .rule-list { list-style: none; margin: 1rem 0 1rem 1.5rem; } .rule-list li { margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative; color: var(--text-secondary); transition: var(--transition); } .rule-list li:hover { color: var(--text-primary); } .rule-list li::before { content: '▸'; position: absolute; left: 0; color: var(--primary); font-weight: bold; transition: var(--transition); } .rule-list li:hover::before { color: var(--success); transform: translateX(3px); } .rule-card.warning { border-color: rgba(139, 69, 19, 0.4); } .rule-card.warning:hover { box-shadow: var(--shadow-lg), 0 0 20px rgba(139, 69, 19, 0.4); } .rule-card.danger { border-color: rgba(128, 0, 0, 0.4); } .rule-card.danger:hover { box-shadow: var(--shadow-lg), 0 0 20px rgba(128, 0, 0, 0.4); } .measures-section { background: var(--bg-card); border-radius: var(--radius-xl); padding: 3rem; margin: 4rem 0; border: 1px solid var(--border-color); box-shadow: var(--shadow-lg); position: relative; overflow: hidden; opacity: 0; transform: translateY(30px); } .measures-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--secondary), var(--accent)); } .measures-section.visible { opacity: 1; transform: translateY(0); } .section-title { font-size: 2.2rem; color: var(--text-primary); margin-bottom: 2rem; text-align: center; font-weight: 800; position: relative; display: inline-block; left: 50%; transform: translateX(-50%); } .section-title::after { content: ''; position: absolute; bottom: -10px; left: 25%; width: 50%; height: 3px; background: linear-gradient(90deg, transparent, var(--primary), transparent); border-radius: 3px; } .measures-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 2rem; } .measure-card { background: linear-gradient(135deg, rgba(139, 0, 0, 0.1), rgba(90, 0, 0, 0.05)); border-radius: var(--radius); padding: 2rem; text-align: center; transition: var(--transition); border: 1px solid var(--border-color); position: relative; overflow: hidden; } .measure-card:hover { transform: translateY(-5px); border-color: var(--border-hover); box-shadow: var(--shadow-md), var(--shadow-primary); } .measure-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, var(--primary) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s ease; } .measure-card:hover::before { opacity: 0.1; } .measure-icon { font-size: 3rem; margin-bottom: 1.5rem; position: relative; display: inline-block; } .measure-icon i { background: linear-gradient(135deg, var(--primary), var(--secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 1; } .measure-card:nth-child(2) .measure-icon i { background: linear-gradient(135deg, var(--warning), var(--accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .measure-card:nth-child(3) .measure-icon i { background: linear-gradient(135deg, var(--danger), var(--primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .measure-name { color: var(--text-primary); font-size: 1.3rem; margin-bottom: 0.8rem; font-weight: 700; } .measure-desc { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.5; } .final-section { background: var(--bg-card); border-radius: var(--radius-xl); padding: 3rem; margin: 4rem 0; border: 1px solid var(--border-color); box-shadow: var(--shadow-lg); opacity: 0; transform: translateY(30px); position: relative; overflow: hidden; } .final-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--accent), var(--primary)); } .final-section.visible { opacity: 1; transform: translateY(0); } .provision-list { list-style: none; } .provision-item { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; padding: 1.5rem; background: linear-gradient(135deg, rgba(139, 0, 0, 0.1), transparent); border-radius: var(--radius); transition: var(--transition); border: 1px solid transparent; } .provision-item:hover { background: linear-gradient(135deg, rgba(178, 34, 34, 0.15), transparent); border-color: var(--border-hover); transform: translateX(10px); } .provision-icon { width: 50px; height: 50px; background: linear-gradient(135deg, var(--secondary), var(--primary)); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: var(--text-primary); flex-shrink: 0; transition: var(--transition); } .provision-item:hover .provision-icon { transform: rotate(15deg) scale(1.1); box-shadow: var(--shadow-primary); } .provision-text { color: var(--text-secondary); line-height: 1.6; flex: 1; font-size: 1rem; } .provision-item:hover .provision-text { color: var(--text-primary); } .action-buttons { display: flex; justify-content: center; gap: 1.5rem; margin: 3rem 0; flex-wrap: wrap; } .action-btn { padding: 1.2rem 2.5rem; border: none; border-radius: var(--radius); font-weight: 700; font-size: 1rem; cursor: pointer; transition: var(--transition); display: flex; align-items: center; gap: 0.8rem; position: relative; overflow: hidden; min-width: 200px; justify-content: center; } .action-btn i { font-size: 1.3rem; } .action-btn.agree { background: linear-gradient(135deg, var(--success), #004D00); color: #FFFFFF; box-shadow: 0 4px 15px rgba(0, 100, 0, 0.4); } .action-btn.agree:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 100, 0, 0.6); } .action-btn.disagree { background: linear-gradient(135deg, var(--danger), #660000); color: white; box-shadow: 0 4px 15px rgba(128, 0, 0, 0.4); } .action-btn.disagree:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(128, 0, 0, 0.6); } .action-btn.neutral { background: linear-gradient(135deg, var(--bg-card), var(--bg-card-hover)); color: var(--text-primary); border: 1px solid var(--border-color); } .action-btn.neutral:hover { transform: translateY(-3px); border-color: var(--primary); box-shadow: var(--shadow-primary); } .footer { text-align: center; margin-top: 4rem; padding-top: 3rem; border-top: 1px solid var(--border-color); color: var(--text-secondary); position: relative; } .footer::before { content: ''; position: absolute; top: 0; left: 25%; width: 50%; height: 1px; background: linear-gradient(90deg, transparent, var(--primary), transparent); } .footer p { margin-bottom: 0.5rem; font-size: 0.9rem; } .footer-info { display: inline-flex; align-items: center; gap: 0.8rem; background: linear-gradient(135deg, rgba(139, 0, 0, 0.1), transparent); padding: 1rem 2rem; border-radius: var(--radius); margin-top: 1.5rem; font-size: 0.9rem; border: 1px solid var(--border-color); transition: var(--transition); } .footer-info:hover { border-color: var(--primary); box-shadow: var(--shadow-primary); } .footer-info i { color: var(--success); } @media (max-width: 768px) { .container { padding: 1rem; } .title-container h1 { font-size: 2.5rem; } .rules-grid { grid-template-columns: 1fr; } .rule-card, .measures-section, .final-section { padding: 1.5rem; } .logo-container { flex-direction: column; gap: 1.5rem; } .neon-circle { width: 60px; height: 60px; font-size: 2rem; } .nav-buttons, .action-buttons { flex-direction: column; align-items: center; } .nav-btn, .action-btn { width: 100%; max-width: 300px; } } @media (max-width: 480px) { .title-container h1 { font-size: 2rem; } .measures-grid { grid-template-columns: 1fr; } .rule-header { flex-direction: column; align-items: flex-start; gap: 1rem; } .rule-number { width: 45px; height: 45px; font-size: 1.1rem; } .subtitle { font-size: 1rem; letter-spacing: 2px; padding: 0.5rem 1.5rem; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } Правила модерации Комьюнити ВКонтакте Сервер Page Правила Меры воздействия Итоговые положения 01 Общие положения 1.1. Модераторы — лицо сообщества, их поведение должно оставаться спокойным и корректным. 1.2. Все действия должны быть аргументированными и соответствовать правилам сервера Page. 1.3. Злоупотребление полномочиями запрещено и ведёт к снятию с должности. 02 Основные обязанности 2.1. Следить за порядком в чате, обсуждениях и личных обращениях в сообществе. 2.2. Быстро реагировать на: спам и рекламу оскорбления нарушителей провокации 2.3. Помогать пользователям. 2.4. Модератор обязан вести себя достойно и подавать пример пользователям. 2.5. В случае если какой-то из ботов "сломался", любой модератор заметивший это, обязан сообщить Главной Модерации 03 Коммуникация 3.1. Модератор обязан общаться вежливо и корректно, даже если участник ведёт себя агрессивно. 3.2. Не поддаваться на провокации и не устраивать новогодние «баталии» в комментариях. 3.3. Все действия объяснять чётко, кратко и без эмоций. 04 Запрещенные действия 4.1. Применять меры наказания без чёткой причины. 4.2. Использовать полномочия для личных интересов. 4.3. Продвигать свои проекты, рекламу или сторонние сообщества. 4.4. Допускать фаворитизм — нельзя ставить друзей выше правил. 4.5. Участвовать в конфликтах, токсичности, распространении ненависти. 4.6. Публиковать NSFW, шок-контент, дискриминацию или политические провокации. 4.7. Игнорировать пользователей или их просьбы. 05 Внутренняя дисциплина 5.1. Модераторы обязаны уважать друг друга и работать как команда. 5.2. Внутренние вопросы решаются в личных чатах модерации. 5.3. Неактивность более 14+ дней без предупреждения — снятие. 5.4. Руководство модерации имеет право пересматривать решения младших модераторов. Модераторские меры Предупреждение Первое нарушение правил, устное или письменное предупреждение Строгий выговор Повторное нарушение с записью в личное дело Снятие с должности Систематические нарушения или грубые проступки Каждое действие фиксируется с указанием причины и временной меткой Согласен с правилами Есть вопросы Не согласен Итоговые положения Правила могут обновляться руководством модерации сервера Page. Все изменения публикуются заранее. Модераторы обязаны следить за изменениями в правилах и проходить регулярное обучение. Главная модерация имеет право выбрать наказание модератору в зависимости от ситуации. Сообщество ВКонтакте © 2026 | Правила модерации сервера Page Версия 2.0 | Актуально на январь 2026 Правила созданы для комфортного и безопасного общения в сообществе `; } initScripts() { const shadow = this.shadowRoot; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const delay = entry.target.getAttribute('data-delay') || 0; setTimeout(() => { entry.target.classList.add('visible'); entry.target.style.animation = `fadeInUp 0.6s ease ${delay}s forwards`; }, parseFloat(delay) * 100); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); shadow.querySelectorAll('.rule-card, .measures-section, .final-section').forEach(el => { observer.observe(el); }); window.scrollToSection = (sectionId) => { const element = shadow.getElementById(sectionId); if (element) { element.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }; const actionButtons = shadow.querySelectorAll('.action-btn'); actionButtons.forEach(btn => { btn.addEventListener('click', function() { this.style.transform = 'scale(0.95)'; setTimeout(() => { this.style.transform = ''; }, 150); const type = this.classList.contains('agree') ? 'agree' : this.classList.contains('disagree') ? 'disagree' : 'neutral'; this.style.boxShadow += ', 0 0 30px currentColor'; setTimeout(() => { this.style.boxShadow = this.style.boxShadow.replace(', 0 0 30px currentColor', ''); }, 500); }); }); shadow.querySelectorAll('.rule-card').forEach(card => { card.addEventListener('mouseenter', function() { const number = this.querySelector('.rule-number'); if (number) { number.style.transform = 'scale(1.1) rotate(10deg)'; } }); card.addEventListener('mouseleave', function() { const number = this.querySelector('.rule-number'); if (number && this.classList.contains('visible')) { number.style.transform = 'scale(1) rotate(0)'; } }); }); setTimeout(() => { const container = shadow.querySelector('.container'); container.style.opacity = '0'; container.style.transition = 'opacity 0.8s ease'; requestAnimationFrame(() => { container.style.opacity = '1'; }); }, 50); const neonCircles = shadow.querySelectorAll('.neon-circle'); neonCircles.forEach((circle, index) => { setInterval(() => { circle.style.animation = 'none'; setTimeout(() => { circle.style.animation = 'neonGlow 2s ease-in-out infinite alternate'; }, 10); }, 4000 + index * 1000); }); } } if (!customElements.get('rules-moderation-black')) { customElements.define('rules-moderation-black', RulesModerationBlack); }

Зарегистрировавшись у нас, вы сможете обсуждать, делиться личными сообщениями с другими участниками нашего сообщества.

Регистрируйтесь прямо сейчас!

JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.

Page Важно Правила модерации VK

Автор темы Max_Verstapen
Дата начала 2 Янв 2026

Статус: В этой теме нельзя размещать новые ответы.

Max_Verstapen

Четырехтактный чемпион мира в F1 (2021 - 2024)

Главный модератор VK

2 Янв 2026

Правила модерации | Page ВКонтакте

Последнее редактирование модератором: 3 Янв 2026

Статус: В этой теме нельзя размещать новые ответы.

Facebook X Bluesky LinkedIn Reddit Pinterest Tumblr WhatsApp Электронная почта Ссылка

На данном сайте используются файлы cookie, чтобы персонализировать контент и сохранить Ваш вход в систему, если Вы зарегистрируетесь.
Продолжая использовать этот сайт, Вы соглашаетесь на использование наших файлов cookie.

Принять Узнать больше...

Сверху Снизу