[html]<div class="citate_p">XI БАТЛ ФРАКЦИЙ: ЛЕТНИЙ ПАУКАН!</div>[/html]

[indent] Внимание, внимание! После жаркого и насыщенного XI батла фракций, где каждый балл давался с потом и кровью, мы приготовили для вас настоящий летний подарок! Представляем: XII Батл Фракций — «Летний Паукан»!

[indent] Друзья, в этот раз мы решили сделать всё максимально комфортно для вас — команды будут всего две, что значительно упростит подсчёт баллов и сделает участие более приятным. А награды вас точно порадуют: эксклюзивные бэкграунды для профиля и страниц, стильные плашки и уникальные иконки, которые сделают ваши профили по-настоящему особенными!

[indent] Мы постарались создать по-настоящему летнюю атмосферу — никаких сложных заданий и напряжённой борьбы, только весёлые испытания и приятные бонусы. Ведь лето — это время отдыха и веселья, и мы хотим, чтобы этот батл стал для вас настоящим праздником!

[indent] Готовы окунуться в атмосферу летнего приключения? Присоединяйтесь к самой яркой битве этого лета! Вместе мы сделаем этот батл незабываемым, полным веселья и позитива. Не упустите шанс получить эксклюзивные награды и отлично провести время в компании единомышленников!

[indent] Вперёд за победами и приятными сюрпризами! Помните: летом нужно отдыхать и веселиться, и мы создали все условия, чтобы этот батл стал для вас источником радости и хорошего настроения!

[html]
<div class="osn">
<div class="telo_а">
<a href="https://lepidus.ru/viewtopic.php?id=6462#p269764" data-title="ЧИСТОЕ ЧЕЛОВЕЧЕСТВО" class="humanse"></a>
<a href="https://lepidus.ru/viewtopic.php?id=6461" data-title="ВЕРХОВЕНСТВО ИНЫХ" class="magese"></a>
</div>
</div>

<style>

.telo_а a {
filter:grayscale(1);
transition:ease-in-out .4s;
width: 220px;
height: 100px;
border-radius:10px;
position:relative;
box-shadow: -1px 5px 15px 0px #0000001f, -1px 5px 15px 0px #52733947;
overflow:hidden;
display: flex;
justify-content: center;
}

.telo_а a:hover {
filter:grayscale(0);
}

.telo_а a::after{
content:attr(data-title)!important;
position:absolute!important;
z-index:5;
text-align:center!important;
width:100%!important;
top:77%!important;
margin:auto!important;
font:100 17px "RadjhaniRu";
padding: 0px;
color:white;
background:#00000070!important;
backdrop-filter:blur(5px);
border:1px solid black;
transition:ease-in-out .4s!important;
display:flex;
    align-items: center;
    justify-content: center;
border-radius:0px!important;
}

.telo_а a:hover::after{
top:33%!important;
padding: 5px 0px!important;
width:80%!important;
border-radius:10px!important;
font:100 22px "RadjhaniRu"!important;
}

.humanse {background:url(https://forumstatic.ru/files/0011/93/3d/34246.jpeg); }
.magese {background:url(https://forumstatic.ru/files/0011/93/3d/54973.jpg); }
.vampirese {background:url(https://forumstatic.ru/files/0011/93/3d/41725.jpeg); }

.photo {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
   }
   .photo:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; right: 0; bottom: 5px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: #3d8d647d; /* Полупрозрачный цвет фона */
    color: #fff; /* Цвет текста */
    text-align: center; /* Выравнивание текста по центру */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
   }

/* город Уэльс */
.izo {
background: url(https://image.ibb.co/gy4Pnd/2.jpg) no-repeat 50% 50%; 
display: block;
width: 220px;
height: 100px;
margin: auto;
}

.izo:hover {
background: url(https://image.ibb.co/ehLQtJ/1.jpg) no-repeat 50% 50%;
margin: auto;
}

/* город Валенштайн */
.valik {
background: url(https://image.ibb.co/h5WZLy/1.jpg) no-repeat 50% 50%; 
display: block;
width: 220px;
height: 100px;
margin: auto;
}

.valik:hover {
background: url(https://image.ibb.co/hujAtJ/2.jpg) no-repeat 50% 50%;
margin: auto;
}

/* город Смоук */
.smoki {
background: url(https://image.ibb.co/na9M0y/2.jpg) no-repeat 50% 50%; 
display: block;
width: 220px;
height: 100px;
margin: auto;
}

.smoki:hover {
background: url(https://image.ibb.co/mcqpnd/1.jpg) no-repeat 50% 50%;
margin: auto;
}

/* деревня Енох */
.enox {
background: url(https://image.ibb.co/mWKqSd/2.jpg) no-repeat 50% 50%; 
display: block;
width: 220px;
height: 100px;
margin: auto;
}

.enox:hover {
background: url(https://image.ibb.co/b8FatJ/1.jpg) no-repeat 50% 50%;
margin: auto;
}

/* деревня Альхальд */
.alxald {
background: url(https://image.ibb.co/joJLtJ/2.jpg) no-repeat 50% 50%; 
display: block;
width: 220px;
height: 100px;
margin: auto;
}

.alxald:hover {
background: url(https://image.ibb.co/nw8mYJ/1.jpg) no-repeat 50% 50%;
margin: auto;
}

/* г. Моунтон */
.mounton {
background: url(https://image.ibb.co/epHASd/2.jpg) no-repeat 50% 50%; 
display: block;
width: 220px;
height: 100px;
margin: auto;
}

.mounton:hover {
background: url(https://image.ibb.co/igwn7d/1.jpg) no-repeat 50% 50%;
margin: auto;
}

.osn{
    display: flex;
    width: 100%;
    justify-content: center;
}

.telo_а {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 700px;
}</style>
[/html]

[indent] Пусть победа будет приятным бонусом, а главным призом станут новые знакомства, яркие впечатления и незабываемые моменты совместного творчества!

Подпись автора

Ты пришел и говоришь: Авалон, мне нужна справедливость, мне нужен пост. Но ты просишь без уважения, ты не предлагаешь дружбу, ты даже не назвал меня крестным админом.