закрытая тема
Сообщений 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]



























