[html]
<style>
body {
background-color: #f0f0f0;
margin: 0;
padding: 5px 5px;
}
.news-container {
position: relative;
max-width: 600px;
margin: 0 auto;
}
.news-card {
background: rgba(255, 255, 255, 0.95);
border-radius: 10px;
padding: 25px;
border: 2px solid rgba(255, 255, 255, 0.4);
border: 1px solid #161a1787;
}
.news-header {
display: inline-flex;
width: 100%;
justify-content: flex-end;
}
.news-date {
background: #1e542c;
color: white;
padding: 8px 16px;
border-radius: 15px;
font-weight: bold;
font-size: 14px;
}
.news-content {
color: #444;
line-height: 1.8;
font-size: 16px;
text-align: justify;
}
.news-content a {
color: #e74c3c;
text-decoration: none;
font-weight: 600;
transition: all 0.3s;
}
.news-content a:hover {
color: #c0392b;
text-decoration: underline;
}
@media (max-width: 768px) {
.news-container {
margin-left: 30px;
}
.news-card {
transform: translateX(-20px);
padding: 25px;
}
.news-image {
height: 150px;
}
}
@media (max-width: 576px) {
body {
padding: 20px 10px;
}
.news-container {
margin-left: 15px;
}
.news-card {
transform: translateX(-10px);
padding: 20px;
}
.news-title {
font-size: 24px;
}
.news-image {
height:150px;
}
.news-content {
font-size: 15px;
}
}
</style>
</head>
<body>
<div class="news-container">
<div class="news-card">
<div class="news-header">
<div class="news-date">новости №1</div>
</div>
<img src="https://upforme.ru/uploads/001c/60/80/3/580743.png" alt=""
style="float: left;
width: 100px;
height: 100px;
margin-right: 20px;
margin-bottom: 20px;
border-radius: 20px;
border: 1px solid #161a1787; ">
<div style="line-height: 1.6; white-space: pre-wrap; font-size: 13px;">
«Мир ещё пахнет свежей краской... И это ваш шанс оставить след пока чернила не высохли»
Хроникёр Альдо
В этот прекрасный летний денек мы с радостью объявляем об открытии нашего форума — места, где оживают ваши истории, а персонажи обретают судьбы!
Форум переодевается в новое оформление тем, работа кипит и в скором времени мы выползем из-под груды черновиков и кодов, и наведем красоту. А пока спешу сообщить вам о том, что у нас тут творится!
✦ Последние деньки <a href="https://yourworld.f-rpg.me/viewtopic.php?id=30">пазлового челленджа</a>. Не упустите возможность подзаработать монет или проскочить в игру с анкетой в пять мемов!
✦ До следующей субботы будет действовать <a href="https://yourworld.f-rpg.me/viewtopic.php?id=31">беспроигрышная лотерея</a>. Приятные бонусы могут осесть на вашем счету или в профиле.
✦ Для любителей графики у нас стартовала акция <a href="https://yourworld.f-rpg.me/viewtopic.php?id=53#p2497">графическое бинго</a>. Берите симпатичную мордашку из списка предложенных и вместе с ней сразу получите набор графики для профиля, которая включает в себя: аватар, плашку и фон на ваш вкус.
✦ Ну и напоследок всем, кто уже с нами, а также тем, кто придет до 5 июля, на счет капнет 100 подарочных монет!
На этом всё — обновки закончены!
Теперь ваша очередь: врывайтесь в игру, создавайте истории и наполняйте этот мир жизнью. Ваши персонажи уже ждут своего часа. Пусть их истории будут эпичными!
</div>
</div>
</div>
</div>
</body>
</html>
[/html]
