<!--HTML--><div class="tite-main"> <p class="tite-main-1"> новостная лента </p> </div>
queue in quests
- новый круг до 24.01
- isaac, eureka, rowan до 24.01
best post by lucifer cowie
Мешок с кодами и тайнами. Сладкая, прожженная, бойкая как бурбон. Приходит сама и потом не уходит. В курсе всех ответов. Читала лор, но это не точно. Милая до сладости, буйная до минусов. Оставляет след не только в сердечке.
maraмешок, полный недовольных лиц, ворчания и бесконечного вдохновения на красивые картинки. душнит по расписанию и пинает на великие свершения. на мотивационную речь запись в директ.
jesseмешок, который заслуживает корону первенства по части идейной великолепности. и духоты. придумает лучший интерактив, зажигательный конкурс или просто прокатит вас на своей тесле.
christianмешок со скриптами в поисках себя. виртуозно танцует с багами, кодами и разметками и умело уклоняется от работы во флуде.
luciferмешок с тайнами сюжетных схем и табличек, кодиков и безудержного вдохновения. спидпостер на максималках, готов освещать все вокруг своим эгоцентризмом и шикарностью. мальчик на побегушках, готов принести и отнести, расчитать в банке, подарить ачивки
ЭВРИКА-СПРИНГС ‘25, МИСТИКА, ЛЕГЕНДЫ, NC-21
haze: what happened to ashley? |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » haze: what happened to ashley? » Wrong turn » новостная лента
<!--HTML--><div class="tite-main"> <p class="tite-main-1"> новостная лента </p> </div>
[html]<style>
<style>
/* Общий фон и базовые стили для контейнера всего поста */
.post-bg {
/* При желании можно убрать или изменить эти отступы/цвет фона */
margin: 0;
padding: 0;
background: linear-gradient(135deg, #fef2e0 0%, #fde7d0 100%);
color: #3a2e1f;
overflow-x: hidden; /* Чтобы снежинки не прокручивались по горизонтали */
min-height: 100vh; /* Чтобы фон растягивался на всю высоту экрана */
width: 100%;
box-sizing: border-box;
position: relative;
}
/* “Открытка” */
.card {
max-width: 700px;
margin: 50px auto;
padding: 30px;
background-color: #ffffff42;
border-radius: 10px;
border: 3px double #ffb84d;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
position: relative;
}
/* Заголовок */
.card-title {
text-align: center;
font-size: 1.2em;
margin-bottom: 20px;
color: #b03f18;
font-weight: 700;
}
/* Обычный текст */
.card-text {
line-height: 1.5em;
margin-bottom: 1em;
font-size: 1.1em;
text-align: center;
}
/* Ссылки */
.card-link {
color: #b03f18;
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #b03f18;
}
.card-link:hover {
color: #e65c00;
border-bottom-color: #e65c00;
}
/* Картинка (смайл) */
.card-img {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
width: 20px;
height: 20px;
}
/* Снежинки */
.snowflake {
position: absolute;
top: -2em;
font-size: 1em;
opacity: 0.8;
color: #ffffff;
user-select: none;
pointer-events: none;
animation-name: snow;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
/* Анимация падения снежинок */
@keyframes snow {
0% { transform: translateY(0); }
100% { transform: translateY(110vh); }
}
/* Разные скорости для чётного и нечётного порядкового номеров снежинок */
.snowflake:nth-child(odd) {
animation-duration: 10s;
}
.snowflake:nth-child(even) {
animation-duration: 13s;
animation-delay: 2s;
}
</style>
<div class="post-bg">
<div class="card">
<p class="card-title">Дорогие наши коты, ходим поздравить вас с наступающим 2025 годом!</p>
<p class="card-text">
Пусть в новом году вас будет ждать море вдохновления, приятных ролевых историй и новых друзей. Мы желаем вам провести замечательные каникулы и с новыми силами и идеями в новом году ворваться в ролевой мир!
</p>
<p class="card-text">
А чтобы зарядиться новогодним настроением, обязательно загляните в
<a class="card-link" href="https://thehaze.rusff.me/viewtopic.php?id=2523#p340356" target="_blank">тему открыток</a>,
где все вы оставили столько чудесных поздравлений, и тему
<a class="card-link" href="https://thehaze.rusff.me/viewtopic.php?id=42&p=2#p346627" target="_blank">новогодних номинаций</a>,
чтобы вспомнить, каким был 2024 год в глазах игроков
<img class="card-img" src="http://i.imgur.com/dsi2j.png" alt="Смайл">
</p>
<p class="card-text">
С наступающим новым годом!
</p>
</div>
</div>
<script>
// Массив символов снежинок (можно расширять)
var snowflakes = ['\u2744', '\u2745', '\u2746', '\u2744'];
// Счётчик снежинок
var snowflakeCount = 0;
var maxSnowflakes = 30; // Максимальное количество снежинок
var postBg = document.querySelector('.post-bg');
var postBox = postBg ? postBg.parentElement : null;
var a = postBox ? postBox.parentElement : null
const b = a ? a.parentElement : null
const c = b ? b.parentElement : null
console.log(c)
// Функция, создающая новую снежинку
function createSnowflake() {
if (snowflakeCount === maxSnowflakes) return; // Если достигнут лимит, прекращаем создание
var snowflake = document.createElement('div');
snowflake.classList.add('snowflake');
snowflake.textContent = snowflakes[Math.floor(Math.random() * snowflakes.length)];
// Случайная позиция и размер
snowflake.style.left = Math.random() * 100 + 'vw';
snowflake.style.fontSize = (Math.random() * 15 + 10) + 'px';
// Немного варьируем скорость падения
snowflake.style.animationDuration = (Math.random() * 20 + 19) + 's';
console.log(c)
if (c) {
c.style.position = 'relative';
c.style.overflow = 'hidden';
c.appendChild(snowflake);
snowflakeCount++; // Увеличиваем счётчик снежинок
}
// Удаляем снежинку по окончании анимации
snowflake.addEventListener('animationend', function () {
snowflake.remove();
});
}
// Интервал генерации снежинок
var snowflakeInterval = setInterval(function () {
createSnowflake();
if (snowflakeCount === maxSnowflakes) {
clearInterval(snowflakeInterval); // Останавливаем генерацию после достижения лимита
}
}, 700);
</script>
[/html]
Вы здесь » haze: what happened to ashley? » Wrong turn » новостная лента