Код:
<!--HTML-->
<style>
/* новости */
.html_news {
background: #d8dade url(https://forumupload.ru/uploads/001b/2c/35/5/631232.jpg) no-repeat top center;
width: 516px;
padding: 30px;
border-radius: 30px;
margin: auto;
position: relative;
font: 500 10px roboto;
color: #3d3838
}
.news_toptitle {
font: normal 51px Lighthaus;
color: #fff;
text-shadow: 5px 5px 10px rgba(103,124,147,.8);
position: absolute;
top: 5px
}
.challenge_toptitle {
font: normal 40px Lighthaus;
color: #fff;
text-shadow: 5px 5px 10px rgba(103,124,147,.8);
position: absolute;
top: 5px
}
img.newspic {
border-radius: 100%;
filter: grayscale(100%);
border: 2px solid #d8dade;
position: absolute;
top: 13px;
width: 50px;
right: 30px
}
.news_1txt {
margin-top: 70px;
text-align: justify;
font-size: 11px;
border-bottom: 1px solid #c4c6ca;
padding-bottom: 15px;
margin-bottom: 15px
}
.news_2txt {
text-align: justify;
margin-bottom: 15px
}
.news_persons {
display: flex;
flex-wrap: wrap;
width: 206px;
justify-content: space-between;
margin-bottom: 20px
}
.news_persons img {
border: 2px solid #8d9eb2;
border-radius: 6px
}
.news_minititle {
width: 206px;
background: #d0d2d6;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
padding: 5px 0;
margin-bottom: 10px
}
.news_persons_r {
display: flex;
flex-wrap: wrap;
width: 271px;
justify-content: space-between;
position: absolute;
right: 30px;
margin-top: -86px
}
.news_minititle2 {
width: 271px;
background: #d0d2d6;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
padding: 5px 0;
margin-bottom: 10px
}
.news_persons_r img {
border: 2px solid #8d9eb2;
border-radius: 6px
}
.news_bestpost {
text-align: justify;
margin-bottom: 20px;
font-size: 11px;
}
.news_bestpost span {
display: block;
background: #d0d2d6;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
padding: 5px 0;
margin-bottom: 10px
}
.news_vip {
display: flex;
flex-wrap: wrap;
width: 115px;
justify-content: space-between;
margin-bottom: 20px
}
.news_vip img {
border: 2px solid #8d9eb2;
border-radius: 6px
}
.news_minititlevip {
width: 115px;
background: #d0d2d6;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
padding: 5px 0;
margin-bottom: 10px
}
.news_special {
display: flex;
flex-wrap: wrap;
width: 371px;
justify-content: space-between;
position: absolute;
right: 30px;
margin-top: -102px
}
.news_special span {
width: 371px;
background: #d0d2d6;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
padding: 5px 0;
margin-bottom: 10px
}
.specialtext {
background: #d0d2d6;
border-radius: 30px;
height: 50px;
width: 371px;
}
.specialtext div {
text-align: justify;
margin-top: 15px;
margin-left: 15px;
width: 335px;
padding-right: 5px;
overflow-y: auto;
height: 22px;
line-height: 11px;
font-size: 10px;
}
.news_lasttext {
background: #c4c6ca;
border-radius: 30px;
font-size: 11px;
line-height: 16px;
text-align: justify;
padding: 20px;
}</style>
<div class="html_news">
<div class="news_toptitle">
новости 28.06
</div>
<img src="https://forumupload.ru/uploads/001b/2c/35/6/176157.gif" class="newspic">
<div class="news_1txt">
Ола, чудесные! Вы скучали по мне? Я вот точно! Отпуск закончился, пора браться за работу, но для начала хотела бы каждому лично отправить морского бриза и чуть прохлады, чтобы скрасить жаркие деньки. Хотя лето - на то и лето, чтобы быть таким, правильно? Оглянуться не успеем, как будем встречать осень, поэтому наслаждайтесь мгновением и получайте кайф от самого тёплого сезона года! <br> <br>
А я тем временем приступаю! Нашему Бару 28 июня исполнился целый <b> месяц </b>! Маленькая, но все же дата, которую, конечно, мы не могли пропустить. В честь этого события каждому участнику форума будет выдана специальная награда, чтобы вы не забывали, как встретили ее вместе с нами за бокальчиком, например, Просекко Сенси. За это время мы успели поставить свой первый большой рекорд посещаемости в 100 человек! Продолжайте в том же духе и не забывайте выгуливать твинков. Прошёл всего месяц, а вы написали столько постов! И даже закрыли несколько эпизодов. Представляю, сколько вы успеете всего натворить к нашему полугодию. В честь праздничной даты у нас появилась и специальная <a href="http://barcross.rusff.me/viewtopic.php?id=23">коллекция</a>. Поспешите выполнить задания и пополнить не только кошелёк, но и получить специальный подарок. И не обошлось без флешмоба. Всем же жарко? Так давайте скорее одевайте купальники и плавки и бегом участвовать в <a href="http://barcross.rusff.me/viewtopic.php?id=455#p20513">beach party</a>! <br> <br>
Вот и завершилось событие, яркость которого просто зашкаливало: <a href="http://barcross.rusff.me/viewtopic.php?id=334#p11048" target="_blank">rainbow cocktail</a>. Ребята справились просто превосходно с заданиями, которые, порой, были достаточно непростыми, но зато какой результат! Надеюсь, все поймали свою частичку радуги в, казалось бы, обыденных вещах, которые нас всех окружают. Благодарим участников и, конечно, чудесного Чешира, который привнёс всем красок в жизнь. Он уже успел выдать всем заслуженные награды. <br> <br>
Прошла неделя, а это значит, что обновились и <a href="http://barcross.rusff.me/viewtopic.php?id=132">еженедельные ивенты</a>. Там появились новые классные задания! И не проходим мимо, обращаем внимание, что обновилась <a href="http://barcross.rusff.me/viewtopic.php?id=10#p20485">акция от бара</a>. Псссс, за неё дают не только дополнительные шоткоины, но и плашку, так что, поторопитесь!
А ещё напоминаю, что у нас есть свой чат в телеграмме, а также канал, где мы публикуем последние новости с форума. Ссылки вы найдёте в шапке форума. Обязательно присоединяйтесь к нам! <br> <br>
Стоит ли напоминать, что без ваших угощений и нежности грустит один топовый монстрик? А вот я напомню, потому что скоро заканчивается июнь, а это значит, что грядёт обновление наград. Также невозможно пройти мимо одного немаловажного события - это наш первый отзыв на топе. От лица амс скажу, что нам безумно приятно читать, что вы думаете о Баре. А если у вас есть какие-то предложения по форуму или конкурсам, то смело можете обращаться в <a href="http://barcross.rusff.me/viewtopic.php?id=14">вопросы к амс</a>. Мы всегда рады помочь и выслушать ваши предложения, потому что хотим, чтобы Бар был для всех домом, а таковым он станет только с вашей помощью! <br> <br>
И в заключение перед тем, как перейти к оглашению активистов, напоминаю, что проверка постовой активности за июнь проводиться не будет, ведь мы недавно открылись и только набираем обороты. Но в конце июля она обязательно будет, так что смело обрастайте эпизодами, делитесь идеями и дерзайте! А теперь пора перейти все-таки к звездочкам этой недели. <br>
</div>
<div class="news_persons">
<span class="news_minititle">активисты</span>
<a href="http://barcross.rusff.me/profile.php?id=125" title="Peter Parker"><img src="https://forumupload.ru/uploads/001b/2c/35/6/794329.png"></a>
<a href="http://barcross.rusff.me/profile.php?id=7" title="Lady Sif"><img src="https://forumupload.ru/uploads/001b/2c/35/6/850571.png"></a>
<a href="http://barcross.rusff.me/profile.php?id=83" title="Kilgrave"><img src="https://forumupload.ru/uploads/001b/2c/35/6/85030.png"></a>
<a href="http://barcross.rusff.me/profile.php?id=9" title="James T. Kirk"><img src="https://forumupload.ru/uploads/001b/2c/35/6/972341.png"></a>
</div>
<div class="news_persons_r">
<span class="news_minititle2">в центре внимания</span>
<a href="https://barcross.rusff.me/viewtopic.php?id=85" title="Magical Pocket"><img src="https://forumupload.ru/uploads/001b/2c/35/6/760171.png"></a>
</div>
<div class="news_persons">
<span class="news_minititle">постописцы</span>
<a href="http://barcross.rusff.me/profile.php?id=113" title="Jiang Cheng — 11 постов"><img src="https://forumupload.ru/uploads/001b/2c/35/6/841197.png"></a>
<a href="http://barcross.rusff.me/profile.php?id=25" title="Wei Wuxian — 8 постов"><img src="https://forumupload.ru/uploads/001b/2c/35/6/548089.png"></a>
<a href="http://barcross.rusff.me/profile.php?id=154" title="Emily Fields — 6 постов"><img src="https://forumupload.ru/uploads/001b/2c/35/6/267437.png"></a>
<a href="http://barcross.rusff.me/profile.php?id=59" title="Nimue— 4 поста"><img src="https://forumupload.ru/uploads/001b/2c/35/6/567350.png"></a>
</div>
<div class="news_persons_r">
<span class="news_minititle2">эпизод недели</span>
<a href="http://barcross.rusff.me/viewtopic.php?id=311" title="Oleg Volkov & Sergey Razumovsky"><img src="https://forumupload.ru/uploads/001b/2c/35/6/528443.png"></a>
</div>
<div class="news_bestpost">
<span>пост недели от <a href="https://barcross.rusff.me/profile.php?id=127">Lucifer Morningstar</a></span>
Пятый ров, восьмой круг. По такому адресу попадали всякие эзотерики, хироманты, экстрасенсы, шаманы и остальные бульварные псевдо-колдуны. А с недавних пор стали угождать и инфоцыгане йоги-буддисты-веганы <a href="https://barcross.rusff.me/viewtopic.php?pid=18278#p18278"><i>Читать далее...</i></a>
</div>
<div class="news_vip">
<span class="news_minititlevip">vip</span>
<a href="https://barcross.rusff.me/profile.php?id=162" title="поздравляем, сегодня твой счет пополнился на 30 шотов"><img src="https://forumupload.ru/uploads/001b/2c/35/6/477603.png"></a>
</div>
<div class="news_special">
<span>специальное задание</span><div class="specialtext"><div>
Первым упомяните слово "пляж" в своем посте, и у вас будет возможность подарить три подарка из категории «Вечеринка на пляже»!
</div></div></div>
<div class="news_lasttext">
Благодарю всех за внимание! Желаю продуктивной недели или приятного отдыха для тех, кто в отпусках. Вас ждёт ещё не мало событий, так что будьте готовы. А пока мы трудимся для вас и на благо форума, ждём ваших новых невероятных историй и желаем океан вдохновения для их реализации! И не забывайте дарить другу другу летнее настроение!
</div>
</div>
