[Раздел под новости форума]
Новости форума
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться12018-03-30 16:49:24
- Администратор
- Сообщений: 84
- Уважение: [+1/-0]
- Позитив: [+0/-0]
- Последний визит:
2024-07-31 13:44:57 - Награды: 3,4,5
Поделиться22025-02-12 15:57:47
- бег от проблем
- Сообщений: 22
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Последний визит:
2025-03-26 15:09:09
[html]<div style="width: 100%; max-width: 600px; padding: 20px; background-color: rgba(255, 192, 203, 0.7); border-radius: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; border: 4px double #ff4499; margin: auto;">
<img style="width: 250px; height: auto; border-radius: 15px;" src="https://forumupload.ru/uploads/001c/5c/d7/24/t557645.png">
<div style="padding-left: 20px; position: relative;">
<h1 style="color: white; font-size: 36px; margin-bottom: 10px; font-family: 'Pacifico', cursive; text-shadow: 2px 2px 4px rgba(255, 68, 153, 0.8), -2px -2px 4px rgba(255, 68, 153, 0.8), 2px -2px 4px rgba(255, 68, 153, 0.8), -2px 2px 4px rgba(255, 68, 153, 0.8);">Congratulations!</h1>
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;">
<div style="position: absolute; width: 10px; height: 10px; background: rgba(255, 68, 153, 0.8); border-radius: 50%; animation: sparkle-animation 5s infinite; top: 10%; left: 20%;"></div>
<div style="position: absolute; width: 10px; height: 10px; background: rgba(255, 68, 153, 0.8); border-radius: 50%; animation: sparkle-animation 5s infinite; top: 30%; left: 70%; animation-delay: 1s;"></div>
<div style="position: absolute; width: 10px; height: 10px; background: rgba(255, 68, 153, 0.8); border-radius: 50%; animation: sparkle-animation 5s infinite; top: 60%; left: 40%; animation-delay: 2s;"></div>
<div style="position: absolute; width: 10px; height: 10px; background: rgba(255, 68, 153, 0.8); border-radius: 50%; animation: sparkle-animation 5s infinite; top: 80%; left: 90%; animation-delay: 3s;"></div>
</div>
<p style="font-size: 16px; color: #333;">Wishing you a joyful and love-filled Valentine's Day. May this special day bring you happiness and warmth from those who care about you the most.</p>
</div>
</div>
<style>
@keyframes sparkle-animation {
0%, 100% {
transform: scale(0);
opacity: 0;
}
50% {
transform: scale(1);
opacity: 1;
}
}
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
</style>[/html]
Поделиться32025-02-12 16:33:41
- бег от проблем
- Сообщений: 22
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Последний визит:
2025-03-26 15:09:09
[html]<div style="width: 100%; max-width: 600px; padding: 20px; background-color: rgba(255, 192, 203, 0.7); border-radius: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; border: 4px double #ff4499; margin: auto;">
<img style="width: 250px; height: auto; border-radius: 15px;" src="https://forumupload.ru/uploads/001c/5c/d7/24/t557645.png">
<div style="padding-left: 20px; position: relative; width: calc(100% - 270px);">
<h1 style="color: white; font-size: 36px; margin-bottom: 10px; font-family: 'Pacifico', cursive; text-shadow: 2px 2px 4px rgba(255, 68, 153, 0.8), -2px -2px 4px rgba(255, 68, 153, 0.8), 2px -2px 4px rgba(255, 68, 153, 0.8), -2px 2px 4px rgba(255, 68, 153, 0.8);">Congratulations!</h1>
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;">
<div style="position: absolute; width: 10px; height: 10px; background: rgba(255, 68, 153, 0.8); border-radius: 50%; animation: sparkle-animation 5s infinite; top: 10%; left: 20%;"></div>
<div style="position: absolute; width: 10px; height: 10px; background: rgba(255, 68, 153, 0.8); border-radius: 50%; animation: sparkle-animation 5s infinite; top: 30%; left: 70%; animation-delay: 1s;"></div>
<div style="position: absolute; width: 10px; height: 10px; background: rgba(255, 68, 153, 0.8); border-radius: 50%; animation: sparkle-animation 5s infinite; top: 60%; left: 40%; animation-delay: 2s;"></div>
<div style="position: absolute; width: 10px; height: 10px; background: rgba(255, 68, 153, 0.8); border-radius: 50%; animation: sparkle-animation 5s infinite; top: 80%; left: 90%; animation-delay: 3s;"></div>
</div>
<p style="font-size: 16px; color: #333; margin-bottom: 10px;">Wishing you a joyful and love-filled Valentine's Day. May this special day bring you happiness and warmth from those who care about you the most.</p>
<div style="display: flex; justify-content: space-between; width: 100%;">
<div style="width: 48%; text-align: left;">
<span style="font-size: 14px; color: #ff4499; font-family: 'Pacifico', cursive; text-shadow: 1px 1px 2px rgba(255, 68, 153, 0.5);">From: Someone</span>
</div>
<div style="width: 48%; text-align: left;">
<span style="font-size: 14px; color: #ff4499; font-family: 'Pacifico', cursive; text-shadow: 1px 1px 2px rgba(255, 68, 153, 0.5);">To: Someone</span>
</div>
</div>
</div>
</div>
<style>
@keyframes sparkle-animation {
0%, 100% {
transform: scale(0);
opacity: 0;
}
50% {
transform: scale(1);
opacity: 1;
}
}
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
</style>[/html]
Страница: 1