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

Материал из AbduloverA.com
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
<table style="
<div style="display:none">
  clear: both;
<style>
  padding: 4px;
/* Стиль кнопки по умолчанию */
  vertical-align: center;
.abdu-btn {
  background: rgba(32,32,32,0.15);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-color: #{{{fontcolor|FFFFFF}}};">
    border-radius: 8px;
<tr>
    padding: 5px;
<td color=#{{{fontcolor|FFFFFF}}}; style="width: 50%; background: rgba(32,0,0,0.15)">
    border: 1px solid transparent;
<table style="text-align: center; font-size:25px">
}
<tr><td style="font-size:25px">
 
Последнее видео на ютабах
/* Эффект при наведении мышки (HOVER) */
</td><tr>
.abdu-btn:hover {
<tr><td>
    background: radial-gradient(circle, rgba(183,28,28,0.4) 0%, rgba(0,0,0,0) 70%); /* Красное пятно в центре */
<youtube>https://www.youtube.com/watch?v=F_Aqbj_oJRc</youtube></td>
    box-shadow: 0 0 15px #ff5252; /* Яркое внешнее свечение */
</td></tr>
    border: 1px solid rgba(255, 82, 82, 0.5); /* Тонкая красная рамка */
</table>
    transform: scale(1.05); /* Кнопка чуть увеличивается */
<td color=#{{{fontcolor|FFFFFF}}}; style="width: 50%;>{{Шаблон:Таблица категорий}}</td>
    cursor: pointer;
</tr>
    z-index: 10;
</table><noinclude></noinclude>
}
</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>

Версия от 22:38, 18 ноября 2025

<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>

       Абдуло-Мониторинг
                
Грешники
Пациенты
Абдуловера
Доработать