Каждый месяц мы будем публиковать в теме топ-лица, которые могут стать отличным выбором для внешностей ваших персонажей. Каждый, кто выберет одну из предложенных ниже, получит приятные бонусы и возможность выделиться на нашем ролевом проекте. Не упустите шанс получить дополнительные привилегии со старта.
волшебники месяца
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться12024-09-01 11:32:56
Поделиться22024-09-01 11:33:38
[html]<title>Have You Seen This Wizard?</title>
<style>
.wizard-container {
background-size: cover;
font-family: 'Merriweather', serif;
color: #3e2e26;
padding: 20px;
max-width: 800px;
margin: 0 auto;
padding: 20px;
position: relative;
border-radius: 10px;
}
.wizard-container:before {
content: "HAVE YOU SEEN THIS WIZARD?";
font-family: 'Alice', serif;
font-weight: 700;
font-size: 28px;
text-align: center;
display: block;
margin-bottom: 20px;
}
.wizard-grid {
display: grid;
grid-template-columns: repeat(5, 120px);
gap: 15px;
justify-content: center;
}
.wizard-cell {
width: 120px;
height: 120px;
background-color: #302820;
position: relative;
overflow: hidden;
border-radius: 5px;
}
.wizard-cell img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
display: block;
filter: grayscale(70%) sepia(80%) brightness(60%) saturate(110%) contrast(90%);
-webkit-filter: grayscale(70%) sepia(80%) brightness(60%) saturate(110%) contrast(90%);
-moz-filter: grayscale(70%) sepia(80%) brightness(60%) saturate(110%) contrast(90%);
}
.wizard-cell img:hover {
transform: scale(1.1);
}
.wizard-name {
position: absolute;
bottom: 0;
width: 100%;
display: none;
padding: 2px 0;
text-align: center;
background: rgba(0, 0, 0, 0.7);
color: #a5977c;
font-size: 14px;
font-family: Bad Script;
text-shadow: 1px 1px 5px rgb(255 228 179 / 79%);
border-radius: 0 0 5px 5px;
}
.wizard-cell:hover .wizard-name {
display: block;
}
.wizard-cell.caught img {
filter: grayscale(100%) blur(2px);
}
.wizard-cell.caught .wizard-caught {
display: block;
}
</style>
</head>
<body>
<div class="wizard-container">
<div class="wizard-grid">
<!-- Повторить блок для каждого волшебника -->
<div class="wizard-cell">
<img src="https://64.media.tumblr.com/f1cd89f48b2c41ffd48e0b7e3fe3e5dc/tumblr_inline_p4001yZgax1u3u0uv_250.gif" alt="Wizard Image">
<div class="wizard-name">Chris Wood</div>
</div>
<div class="wizard-cell">
<img src="https://64.media.tumblr.com/1f222cd74b64b9af85fe3035ad89c81c/4aceb13023de01de-b7/s400x600/c2fdd27e964227008af450376f12f996302374a1.gif" alt="Wizard Image">
<div class="wizard-name">Conor Leslie</div>
</div>
<div class="wizard-cell">
<img src="https://64.media.tumblr.com/f91c64c8bbca58a421b277f46148a3f6/644c8ecea0c9ee35-32/s400x600/f3a13756b2dd51432cdab5a5d0506d9b285c2398.gif" alt="Wizard Image">
<div class="wizard-name">Tom Glynn-Carney</div>
</div>
<div class="wizard-cell">
<img src="https://64.media.tumblr.com/54fd56fca7ee5594e9df2bfd307dc8fc/1574d5e5aab67308-98/s400x600/5293c6e39c7be81d3dd26861ded233e6046408ec.gif" alt="Wizard Image">
<div class="wizard-name">Emma Darcy</div>
</div>
<div class="wizard-cell caught">
<img src="https://64.media.tumblr.com/b1a84e6f2ef004a0879a753b32bf82a1/5c38a07cc5279e1b-a9/s400x600/286e5ce541f0f29c3937c06b11153d8824c5a759.gif" alt="Wizard Image">
<div class="wizard-name">Freddie Carter</div>
</div>
</div>
</div>
</body>
</html>
[/html]
ВОЛШЕБНИКАМ МЕСЯЦА ПО ВЕРСИИ "ВЕДЬМОПОЛИТЕНА" ПОЛАГАЮТСЯ:
- дополнительные 1000 галлеонов после принятия анкеты;
- иконка и любой артефакт из лавки, аватар от амс в подарок.
[sign] [/sign]
Страница: 1
