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

Материал из AbduloverA.com
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
<div style="display:none">
<div style="display:none">
<style>
<style>
/* Стиль кнопки по умолчанию */
.hover-glow { transition: all 0.2s ease; border-radius: 10px; border: 2px solid transparent; }
.abdu-btn {
.hover-glow:hover {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
     background-color: rgba(255, 215, 0, 0.1);
    border-radius: 8px;
     box-shadow: 0 0 15px #ffd700;
    padding: 5px;
     border-color: #ffd700;
    border: 1px solid transparent;
     transform: scale(1.02);
}
 
/* Эффект при наведении мышки (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;
     cursor: pointer;
    z-index: 10;
}
}
</style>
</style>
Строка 22: Строка 13:


<div style="
<div style="
    width: 100%;
     max-width: 900px;
     max-width: 900px;
     margin: 0 auto 20px auto;
     margin: 0 auto 20px auto;
     background: #1a1a1a;
     background: #111;
     border: 1px solid #444;
     border: 1px solid #444;
     border-radius: 12px; /* Закругление всей карточки */
     border-radius: 16px;
     box-shadow: 0 0 25px rgba(183, 28, 28, 0.3);
    overflow: hidden;
     font-family: sans-serif;">
     box-shadow: 0 0 30px rgba(0,0,0,0.8);
     font-family: sans-serif;
    padding: 0;">


     <div style="
     <div style="
         background: linear-gradient(to bottom, #2a2a2a, #111);
        width: 100%;
         padding: 15px;
         background: linear-gradient(to bottom, #333, #1a1a1a);
         padding: 20px 0;
         text-align: center;
         text-align: center;
         font-weight: bold;
         font-weight: bold;
         color: #fff;
         color: #fff;
         font-size: 1.3em;
         font-size: 1.4em;
         text-transform: uppercase;
         text-transform: uppercase;
         letter-spacing: 1px;
         letter-spacing: 2px;
        text-shadow: 0 0 10px #b71c1c;
         border-bottom: 1px solid #555;
         border-bottom: 1px solid #444;
         text-shadow: 0 2px 5px #000;
         border-radius: 11px 11px 0 0; /* Исправляем острые углы сверху */
         margin: 0;">
         ">
         Абдуло-Мониторинг
         Абдуло-Мониторинг
     </div>
     </div>
Строка 48: Строка 42:
     <div style="
     <div style="
         display: flex;
         display: flex;
         flex-wrap: wrap;
         flex-direction: row;
         align-items: stretch;
         align-items: stretch;
         width: 100%;">
         width: 100%;
        background: #000;">


         <div style="
         <div style="
             flex: 1 1 400px; /* Пытается занять всё место, но не меньше 400px */
             flex-grow: 1;
             background: #000;
             background: #000;
             min-height: 300px;
             padding: 0;
             display: flex;
             display: flex;
             justify-content: center;
             justify-content: center;
             align-items: center;
             align-items: center;
             border-bottom-left-radius: 11px; /* Закругление снизу слева (если в одну строку) */
             border-right: 1px solid #333;
             overflow: hidden;">
             min-height: 320px;">
              
              
             <div style="padding: 10px;">
             <div style="width: 95%; max-width: 600px; padding: 10px;">
                 <youtube>https://www.youtube.com/watch?v=F_Aqbj_oJRc</youtube>
                 <youtube>https://www.youtube.com/watch?v=F_Aqbj_oJRc</youtube>
             </div>
             </div>
Строка 68: Строка 63:


         <div style="
         <div style="
             flex: 0 0 280px; /* Фиксированная ширина для меню (чтобы не падало вниз) */
             width: 260px;
             background: #161616;
            min-width: 260px; /* Запрещаем сжиматься */
            border-left: 1px solid #333;
             background: #1a1a1a;
             padding: 20px;
             padding: 15px;
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
             justify-content: center;
             justify-content: space-around; /* Равномерное распределение */
             gap: 15px;
             gap: 10px;">
            border-bottom-right-radius: 11px;">


             <div class="abdu-btn">
             <div class="hover-glow">
                 [[Файл:К.грешники.png|link=[[:Категория:Грешники]]|center|frameless|250px|alt=Грешники]]
                 [[Файл:К.грешники.png|link=[[:Категория:Грешники]]|center|frameless|230px|alt=Грешники]]
             </div>
             </div>


             <div class="abdu-btn">
             <div class="hover-glow">
                 [[Файл:К.пациенты.png|link=[[:Категория:Пациенты]]|center|frameless|250px|alt=Пациенты]]
                 [[Файл:К.пациенты.png|link=[[:Категория:Пациенты]]|center|frameless|230px|alt=Пациенты]]
             </div>
             </div>


             <div class="abdu-btn">
             <div class="hover-glow">
                 [[Файл:К.абдуловера.png|link=[[:Категория:Абдуловерование]]|center|frameless|250px|alt=Абдуловера]]
                 [[Файл:К.абдуловера.png|link=[[:Категория:Абдуловерование]]|center|frameless|230px|alt=Абдуловера]]
             </div>
             </div>


             <div class="abdu-btn">
             <div class="hover-glow">
                 [[Файл:К.доработать.png|link=[[:Категория:Дорабатываемое]]|center|frameless|250px|alt=Доработать]]
                 [[Файл:К.доработать.png|link=[[:Категория:Дорабатываемое]]|center|frameless|230px|alt=Доработать]]
             </div>
             </div>


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

<style> .hover-glow { transition: all 0.2s ease; border-radius: 10px; border: 2px solid transparent; } .hover-glow:hover { 

   background-color: rgba(255, 215, 0, 0.1);
   box-shadow: 0 0 15px #ffd700;
   border-color: #ffd700;
   transform: scale(1.02);
   cursor: pointer;

} </style> 

       Абдуло-Мониторинг
Грешники
Пациенты
Абдуловера
Доработать
Источник — https://abdulovera.com/index.php?title=Шаблон:Категории_Видео&oldid=2269