Задумал запилить такую фичу 😜 своего рода "Дуэли" (типо как на соцках) которые по голосам за неделю/месяц.
Так как такого вроде нет то.....
Как вариант:
• тема "Дуэль вася против кати"
• создаётся опрос
• собственно вася против кати (кто за кого голосует)
• считается количество голосов
И тут уже колдовство от админки:
• на время дуэли вставляйте ссылки на аватарки участников
• впишите их имена/ники
• вместо "проиграла/победил" пишим "ожидаем"
Как вставить:
• под опросом (в описании "Дуэли")
• вставляем в html (и правим под дуэлянтов)
Пример:
[html]
<div class="split left">
<div class="centered">
<img src="https://forumstatic.ru/files/001b/8c/9a/12323.jpeg?v=1" alt="Avatar woman">
<h2>Лариса</h2>
<p>Проиграла</p>
</div>
</div>
<div class="split right">
<div class="centered">
<img src="https://img.freepik.com/free-vector/portrait-of-a-young-man-with-beard-and-hair-style-male-avatar-vector-illustration_266660-423.jpg" alt="Avatar man">
<h2>Андрей</h2>
<p>Победил</p>
</div>
</div>
<style>
/* Split the screen in half */
.split {
height: 100%;
width: 50%;
position: fixed;
z-index: 1;
top: 0;
overflow-x: hidden;
padding-top: 20px;
}
/* Control the left side */
.left {
left: 0;
background-color: #DCDCDC;
}
/* Control the right side */
.right {
right: 0;
background-color: red;
}
/* If you want the content centered horizontally and vertically */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
/* Style the image inside the centered container, if needed */
.centered img {
width: 150px;
height: 150px:
border-radius: 50%;
}</style>
[/html]
Отредактировано МАЧОнаДАЧЕ (2022-04-15 01:43:00)
- Подпись автора