закрытая тема
Сообщений 1 страница 3 из 3
Поделиться22023-01-25 17:36:37
[html]<div class="t_news-wrap">
<div class="t_news-head">
<img src="https://i.imgur.com/sEzydXU.png">
<span>новости от 25.01</span>
</div>
<div class="t_news-content">
<div class="t_news-author">в эфире фенрис</div>
<p>Основная часть форума готова к использованию, но мы еще продолжаем подправлять огрехи и добавлять то, чего не хватает. Пожалуйста, пока не бегите к нам с замечаниями, ну разве что вам прямо очень хочется. Однако, скорее всего, что бы вы ни принесли, мы уже знаем об этом, но у нас пока не хватает либо времени, либо сил, чтобы заняться этими вопросами. Уверяю, до конца недели мы абсолютно всё приведем в порядок.
Обратите внимание, у нас существует система достижений и подарков. Скорее всего со временем она будет расширяться или видоизменяться. Данная система создана исключительно для нашего с вами развлечения и не является обязательной, но личная страница появляется у каждого из вас после принятия анкеты. Посмотреть свою личную страницу можно, нажав на плашку в своем профиле.</p>
<p>С этого дня начинается отсчет времени до проверок. Таким образом, ближайшая проверка активности состоится 1 февраля, а проверка постовой активности не раньше 18 марта. Больше о нашей системе проверок можно прочесть в правилах, либо узнать у Валери или у меня.</p>
<p>Также с этого момента у всех, кто пришел к нам еще на тесте, есть три дня, чтобы подать анкеты. 22 января мы проведем первую проверку после теста, снимем все непродленные брони из гостевой и выставим на удаление тестовые профили без анкет.</p>
</div>
</div>
<style>
.t_news-wrap {
width: 550px;
margin: 20px auto 0;
}
.t_news-head {
background: url(https://i.imgur.com/3fKxyIn.png);
height: 54px;
border: 1px solid #778A97;
display: flex;
padding: 15px 50px;
box-sizing: border-box;
align-items: center;
}
.t_news-head span {
margin-left: auto;
background: #D0CCC9;
border: 1px solid #D9D5D2;
padding: 5px 25px;
font: 900 12px roboto;
color: #333;
text-transform: uppercase;
}
.t_news-head img {
wwidth: 80px;
height: 80px;
border: 1px solid #696868;
border-radius: 100%;
object-fit: cover;
}
.t_news-content {
background: #D0CCC9;
border: 1px solid #B1ACA9;
padding: 20px 50px 50px;
font: 400 12px/150% roboto;
text-indent: 30px;
text-align: justify;
color: #333
}
.t_news-author {
text-align: right;
font-weght: 700;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 20px;
}
.t_news-content p {
font: 400 12px/150% roboto !important;
padding: 0 !important;
}
.t_news-content p + p {
margin-top: 20px !important;
}
</style>[/html]
[html]<div class="t_news-wrap"> <div class="t_news-head"> <img src="https://i.imgur.com/sEzydXU.png"> <span>новости от 25.01</span> </div> <div class="t_news-content"> <div class="t_news-author">в эфире фенрис</div> <p>Основная часть форума готова к использованию, но мы еще продолжаем подправлять огрехи и добавлять то, чего не хватает. Пожалуйста, пока не бегите к нам с замечаниями, ну разве что вам прямо очень хочется. Однако, скорее всего, что бы вы ни принесли, мы уже знаем об этом, но у нас пока не хватает либо времени, либо сил, чтобы заняться этими вопросами. Уверяю, до конца недели мы абсолютно всё приведем в порядок. Обратите внимание, у нас существует система достижений и подарков. Скорее всего со временем она будет расширяться или видоизменяться. Данная система создана исключительно для нашего с вами развлечения и не является обязательной, но личная страница появляется у каждого из вас после принятия анкеты. Посмотреть свою личную страницу можно, нажав на плашку в своем профиле.</p> <p>С этого дня начинается отсчет времени до проверок. Таким образом, ближайшая проверка активности состоится 1 февраля, а проверка постовой активности не раньше 18 марта. Больше о нашей системе проверок можно прочесть в правилах, либо узнать у Валери или у меня.</p> <p>Также с этого момента у всех, кто пришел к нам еще на тесте, есть три дня, чтобы подать анкеты. 22 января мы проведем первую проверку после теста, снимем все непродленные брони из гостевой и выставим на удаление тестовые профили без анкет.</p> </div> </div> <style> .t_news-wrap { width: 550px; margin: 20px auto 0; } .t_news-head { background: url(https://i.imgur.com/3fKxyIn.png); height: 54px; border: 1px solid #778A97; display: flex; padding: 15px 50px; box-sizing: border-box; align-items: center; } .t_news-head span { margin-left: auto; background: #D0CCC9; border: 1px solid #D9D5D2; padding: 5px 25px; font: 900 12px roboto; color: #333; text-transform: uppercase; } .t_news-head img { wwidth: 80px; height: 80px; border: 1px solid #696868; border-radius: 100%; object-fit: cover; } .t_news-content { background: #D0CCC9; border: 1px solid #B1ACA9; padding: 20px 50px 50px; font: 400 12px/150% roboto; text-indent: 30px; text-align: justify; color: #333 } .t_news-author { text-align: right; font-weght: 700; font-size: 10px; text-transform: uppercase; margin-bottom: 20px; } .t_news-content p { font: 400 12px/150% roboto !important; padding: 0 !important; } .t_news-content p + p { margin-top: 20px !important; } </style>[/html]
Поделиться32023-01-25 18:01:41
[html]<div class="t_twins-wrap">
<div class="t_wins-block">
<span class="t_wins-letter">ABCD<br>
efgh</span>
<div class="t_wins-list">
<div class="t_wins-list_item">
<a href="ссылка" class="owner">AKAASHI KEIJI</a>
<a href="ссылка">akaza</a>
</div>
<div class="t_wins-list_item">
<a href="ссылка" class="owner">castiel</a>
<a href="ссылка">david haller</a>
<a href="ссылка">hannibal lecter</a>
<a href="ссылка">leonard mccoy</a>
</div>
<div class="t_wins-list_item">
<a href="ссылка" class="owner">cyno</a>
<a href="ссылка">kuroo tetsuro</a>
</div>
<div class="t_wins-list_item">
<a href="ссылка" class="owner">DEAN WINCHESTER</a>
<a href="ссылка">james sunderland</a>
<a href="ссылка">james t. kirk</a>
<a href="ссылка">peter maximoff</a>
</div>
</div>
</div>
<div class="t_wins-block">
<span class="t_wins-letter">ijkl<br>
mnop</span>
<div class="t_wins-list">
<div class="t_wins-list_item">
<a href="ссылка" class="owner">il dottore</a>
<a href="ссылка">edward elric</a>
</div>
<div class="t_wins-list_item">
<a href="ссылка" class="owner">JACKSON TELLER</a>
<a href="ссылка">ivan tsarevich</a>
<a href="ссылка">jessica lee moore</a>
<a href="ссылка">steve rogers</a>
</div>
<div class="t_wins-list_item">
<a href="ссылка" class="owner">KAEYA ALBERICH</a>
<a href="ссылка">kaveh</a>
</div>
</div>
</div>
<div class="t_wins-block">
<span class="t_wins-letter">qrst<br>
uvwx<br>yz</span>
<div class="t_wins-list">
<div class="t_wins-list_item">
<a href="ссылка" class="owner">il dottore</a>
<a href="ссылка">edward elric</a>
</div>
<div class="t_wins-list_item">
<a href="ссылка" class="owner">JACKSON TELLER</a>
<a href="ссылка">ivan tsarevich</a>
<a href="ссылка">jessica lee moore</a>
<a href="ссылка">steve rogers</a>
</div>
<div class="t_wins-list_item">
<a href="ссылка" class="owner">KAEYA ALBERICH</a>
<a href="ссылка">kaveh</a>
</div>
</div>
</div>
</div>
<style>
.t_twins-wrap {
background: #D0CCC9;
border: 1px solid #B1ACA9;
margin: auto;
padding: 30px;
width: 550px;
box-sizing: border-box;
font-family: roboto;
color: #333
}
.t_wins-block {
display: flex;
gap: 30px;
align-items: flex-start;
}
.t_wins-block + .t_wins-block {
margin-top: 30px;
}
.t_wins-letter {
min-width: 100px;
background: #C4BFBB;
border: 1px solid #B7B3B0;
padding: 5px 25px;
box-sizing: border-box;
text-align: left;
text-transform: uppercase;
font-weight: 900;
font-size: 14px;
}
.t_wins-list_item + .t_wins-list_item {
margin-top: 15px;
}
.t_wins-list_item {
display: flex;
flex-direction: column;
}
.t_wins-list_item .owner {
margin-bottom: 5px;
font-weight: 800;
font-size: 12px;
text-transform: uppercase;
}
.t_wins-list_item a {
text-transform: lowercase;
font-size: 11px;
}
</style>[/html]
[html]<div class="t_twins-wrap"> <div class="t_wins-block"> <span class="t_wins-letter">ABCD<br> efgh</span> <div class="t_wins-list"> <div class="t_wins-list_item"> <a href="ссылка" class="owner">AKAASHI KEIJI</a> <a href="ссылка">akaza</a> </div> <div class="t_wins-list_item"> <a href="ссылка" class="owner">castiel</a> <a href="ссылка">david haller</a> <a href="ссылка">hannibal lecter</a> <a href="ссылка">leonard mccoy</a> </div> <div class="t_wins-list_item"> <a href="ссылка" class="owner">cyno</a> <a href="ссылка">kuroo tetsuro</a> </div> <div class="t_wins-list_item"> <a href="ссылка" class="owner">DEAN WINCHESTER</a> <a href="ссылка">james sunderland</a> <a href="ссылка">james t. kirk</a> <a href="ссылка">peter maximoff</a> </div> </div> </div> <div class="t_wins-block"> <span class="t_wins-letter">ijkl<br> mnop</span> <div class="t_wins-list"> <div class="t_wins-list_item"> <a href="ссылка" class="owner">il dottore</a> <a href="ссылка">edward elric</a> </div> <div class="t_wins-list_item"> <a href="ссылка" class="owner">JACKSON TELLER</a> <a href="ссылка">ivan tsarevich</a> <a href="ссылка">jessica lee moore</a> <a href="ссылка">steve rogers</a> </div> <div class="t_wins-list_item"> <a href="ссылка" class="owner">KAEYA ALBERICH</a> <a href="ссылка">kaveh</a> </div> </div> </div> <div class="t_wins-block"> <span class="t_wins-letter">qrst<br> uvwx<br>yz</span> <div class="t_wins-list"> <div class="t_wins-list_item"> <a href="ссылка" class="owner">il dottore</a> <a href="ссылка">edward elric</a> </div> <div class="t_wins-list_item"> <a href="ссылка" class="owner">JACKSON TELLER</a> <a href="ссылка">ivan tsarevich</a> <a href="ссылка">jessica lee moore</a> <a href="ссылка">steve rogers</a> </div> <div class="t_wins-list_item"> <a href="ссылка" class="owner">KAEYA ALBERICH</a> <a href="ссылка">kaveh</a> </div> </div> </div> </div> <style> .t_twins-wrap { background: #D0CCC9; border: 1px solid #B1ACA9; margin: auto; padding: 30px; width: 550px; box-sizing: border-box; font-family: roboto; color: #333 } .t_wins-block { display: flex; gap: 30px; align-items: flex-start; } .t_wins-block + .t_wins-block { margin-top: 30px; } .t_wins-letter { min-width: 100px; background: #C4BFBB; border: 1px solid #B7B3B0; padding: 5px 25px; box-sizing: border-box; text-align: left; text-transform: uppercase; font-weight: 900; font-size: 14px; } .t_wins-list_item + .t_wins-list_item { margin-top: 15px; } .t_wins-list_item { display: flex; flex-direction: column; } .t_wins-list_item .owner { margin-bottom: 5px; font-weight: 800; font-size: 12px; text-transform: uppercase; } .t_wins-list_item a { text-transform: lowercase; font-size: 11px; } </style>[/html]