Шаблон:Категории Видео: различия между версиями

Материал из AbduloverA.com
ВизуальныйВики-текст
Нет описания правки
мНет описания правки
 
(не показаны 3 промежуточные версии этого же участника)
Строка 1: Строка 1:
<div style="display:none">
<div style="display:none"><style>.hover-glow{transition:all 0.2s ease;border-radius:10px;border:2px solid transparent;background:transparent !important;}.hover-glow:hover{background-color:rgba(255,215,0,0.1) !important;box-shadow:0 0 15px #ffd700;border-color:#ffd700;transform:scale(1.02);cursor:pointer;}</style></div><div style="width:100%;max-width:900px;margin:0 auto 20px auto;background:#111;border:1px solid #444;border-radius:16px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,0.8);font-family:sans-serif;padding:0;"><div style="width:100%;background:linear-gradient(to bottom,#333,#1a1a1a);padding:20px 0;text-align:center;font-weight:bold;color:#fff;font-size:1.4em;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #555;text-shadow:0 2px 5px #000;margin:0;font-family:'Zekton', 'ZektonBd', sans-serif;">Абдуло-Мониторинг</div><div style="display:flex;flex-wrap:wrap;align-items:stretch;width:100%;background:#000;"><div style="flex:1;min-width:300px;background:#000;padding:0;display:flex;justify-content:center;align-items:center;border-right:1px solid #333;min-height:320px;"><div style="width:95%;max-width:600px;padding:10px;"><youtube>https://www.youtube.com/watch?v=rHRIZGbSR28</youtube></div></div><div style="flex:0 0 260px;background:#1a1a1a;padding:15px;display:flex;flex-direction:column;justify-content:space-around;gap:10px;min-width:260px;"><div class="hover-glow" style="line-height:0;width:100%;text-align:center;">[[Файл:К.грешники.png|link=[[:Категория:Грешники]]|center|frameless|230px|alt=Грешники]]</div><div class="hover-glow" style="line-height:0;width:100%;text-align:center;">[[Файл:К.пациенты.png|link=[[:Категория:Пациенты]]|center|frameless|230px|alt=Пациенты]]</div><div class="hover-glow" style="line-height:0;width:100%;text-align:center;">[[Файл:К.абдуловера.png|link=[[:Категория:Абдуловерование]]|center|frameless|230px|alt=Абдуловера]]</div><div class="hover-glow" style="line-height:0;width:100%;text-align:center;">[[Файл:К.доработать.png|link=[[:Категория:Дорабатываемое]]|center|frameless|230px|alt=Доработать]]</div></div></div></div>
<style>
/* Стиль кнопки по умолчанию */
.abdu-btn {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 8px;
    padding: 5px;
    border: 1px solid transparent;
}
 
/* Эффект при наведении мышки (HOVER) */
.abdu-btn:hover {
    background: radial-gradient(circle, rgba(183,28,28,0.4) 0%, rgba(0,0,0,0) 70%); /* Красное пятно в центре */
    box-shadow: 0 0 15px #ff5252; /* Яркое внешнее свечение */
    border: 1px solid rgba(255, 82, 82, 0.5); /* Тонкая красная рамка */
    transform: scale(1.05); /* Кнопка чуть увеличивается */
    cursor: pointer;
    z-index: 10;
}
</style>
</div>
 
<div style="
    max-width: 900px;
    margin: 0 auto 20px auto;
    background: #1a1a1a;
    border: 1px solid #444;
    border-radius: 12px; /* Закругление всей карточки */
    box-shadow: 0 0 25px rgba(183, 28, 28, 0.3);
    font-family: sans-serif;">
 
    <div style="
        background: linear-gradient(to bottom, #2a2a2a, #111);
        padding: 15px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: 1.3em;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-shadow: 0 0 10px #b71c1c;
        border-bottom: 1px solid #444;
        border-radius: 11px 11px 0 0; /* Исправляем острые углы сверху */
        ">
        Абдуло-Мониторинг
    </div>
 
    <div style="
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;">
 
        <div style="
            flex: 1 1 400px; /* Пытается занять всё место, но не меньше 400px */
            background: #000;
            min-height: 300px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom-left-radius: 11px; /* Закругление снизу слева (если в одну строку) */
            overflow: hidden;">
           
            <div style="padding: 10px;">
                <youtube>https://www.youtube.com/watch?v=F_Aqbj_oJRc</youtube>
            </div>
        </div>
 
        <div style="
            flex: 0 0 280px; /* Фиксированная ширина для меню (чтобы не падало вниз) */
            background: #161616;
            border-left: 1px solid #333;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 15px;
            border-bottom-right-radius: 11px;">
 
            <div class="abdu-btn">
                [[Файл:К.грешники.png|link=[[:Категория:Грешники]]|center|frameless|250px|alt=Грешники]]
            </div>
 
            <div class="abdu-btn">
                [[Файл:К.пациенты.png|link=[[:Категория:Пациенты]]|center|frameless|250px|alt=Пациенты]]
            </div>
 
            <div class="abdu-btn">
                [[Файл:К.абдуловера.png|link=[[:Категория:Абдуловерование]]|center|frameless|250px|alt=Абдуловера]]
            </div>
 
            <div class="abdu-btn">
                [[Файл:К.доработать.png|link=[[:Категория:Дорабатываемое]]|center|frameless|250px|alt=Доработать]]
            </div>
 
        </div>
    </div>
</div>

Текущая версия от 00:03, 21 ноября 2025

<style>.hover-glow{transition:all 0.2s ease;border-radius:10px;border:2px solid transparent;background:transparent !important;}.hover-glow:hover{background-color:rgba(255,215,0,0.1) !important;box-shadow:0 0 15px #ffd700;border-color:#ffd700;transform:scale(1.02);cursor:pointer;}</style>
Абдуло-Мониторинг
Грешники
Пациенты
Абдуловера
Доработать
Источник — https://abdulovera.com/index.php?title=Шаблон:Категории_Видео&oldid=2303