Участник: TFMB: различия между версиями
Материал из Vanilla Station
TFMB (обсуждение | вклад) Нет описания правки |
TFMB (обсуждение | вклад) Нет описания правки |
||
| Строка 42: | Строка 42: | ||
} | } | ||
/* Стили для заголовков аккордеона */ | |||
.accordion .header { | .accordion .header { | ||
background-color: #f1f1f1; | background-color: #f1f1f1; | ||
| Строка 49: | Строка 50: | ||
margin-top: 5px; | margin-top: 5px; | ||
} | } | ||
/* Скрытый контент по умолчанию */ | |||
.accordion .content { | .accordion .content { | ||
max-height: 0; | max-height: 0; | ||
| Строка 56: | Строка 59: | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
} | } | ||
.accordion .header:hover + .content { | |||
/* При наведении на заголовок или контент */ | |||
.accordion .header:hover + .content, | |||
.accordion .content:hover { | |||
max-height: 100px; /* Высота для раскрытого контента */ | max-height: 100px; /* Высота для раскрытого контента */ | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
}} | }} | ||
<div class="accordion"> | <div class="accordion"> | ||
<div class="header">Заголовок 1</div> | <div class="header">Заголовок 1</div> | ||
| Строка 79: | Строка 83: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="blockbtn">{{{текст}}}[[{{{ссылка}}}|<span class="StupidButton" style="z-index:100;"role="button"></span>]]</div> | <div class="accordion"> | ||
<div class="blockbtn header">{{{текст}}}[[{{{ссылка}}}|<span class="StupidButton" style="z-index:100;"role="button"></span>]]</div> | |||
<div class="content"><span>Контент 3: Текст для третьего аккордеона.</span></div> | |||
</div> | |||
Версия от 20:59, 11 сентября 2024
Глава Службы Безопасности
Отдел:
Обязанности:
Обеспечить порядок на станции
Уровень доступа:
бриг
Необходимое время:
пока не настроено
Руководства:
Ваши срп
- todo:
сделать раскрывающийся акордион в Шаблон:Blockbtn
Заголовок 1
Контент 1: Здесь находится раскрывающийся текст.
Заголовок 2
Контент 2: Еще один раскрывающийся текст.
Заголовок 3
Контент 3: Текст для третьего аккордеона.
{{{текст}}}[[{{{ссылка}}}|]]
Контент 3: Текст для третьего аккордеона.