Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1366
Слышу гимн зашитых ртов
Дата: Четверг, 21.02.2019, 18:50/ Сообщение №: 1
Рипал: Бармен
Для начало создаем информер -
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ] вставляем туда вот это:
Код
<aside class="homeRight homeSection desktop">
<div class="homeComments">
<ul>
<li class="comment clearfix">
<div class="commentMeta">
<div class="userAvatarContainer pullLeft mrm">
<a class="userAvatar c30" href="$PROFILE_URL$"><img src="$USER_AVATAR_URL$" width="30" height="30"></a>
</div>
<a class="commentAuthor" href="$PROFILE_URL$" itemprop="author">$USERNAME$</a>
<a class="commentDate" href="#comment:65nx"><time class="relativeDate" title="2019-02-21 14:13:51 +03:00" datetime="2019-02-21T14:13:51+03:00">$DATE$ - $TIME$</time></a>
</div>
<div class="commentText mtm">
$MESSAGE$
</div>
<div class="itemTitle mtl">
<h6><a href="$ENTRY_URL$">$ENTRY_TITLE$</a></h6>
</div>
</li>
</div>
</aside>
Далее в первый или второй контейнер устанавливаем вот это:
Код
<div class="sectionHeader clearfix">
<h2 class="utt bfw">Комментарии</h2>$MYINF_ВАШ_НОМЕР$</div>
CSS:
Код
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic,cyrillic-ext');
.homeRight {
width: 300px;
flex-shrink: 0;
}
@media only screen and (min-width: 801px) .homeRight .sectionHeader {
margin: 0 -20px 0 0;
}
.sectionHeader {
align-items: flex-end;
margin: 0 -10px 20px -20px;
padding: 5px 20px 15px;
font-family: 'Roboto Condensed', sans-serif;
border-bottom: 1px solid rgba(0,0,0,.08);
}
.clearfix {
zoom: 1;
}
.clearfix:after, .clearfix:before {
content: " ";
display: table;
}
.sectionHeader h2 {
margin: 0;
line-height: 1;
color: #000;
}
.utt {
text-transform: uppercase;
}
.bfw {
font-weight: 700;
}
h2 {
font-size: 1.666em;
}
.clearfix:after {
clear: both;
}
.homeComments {
padding: 20px 20px 0;
}
ul {
margin: 0;
padding: 0;
}
.homeRight .comment {
word-break: break-all;
border-bottom: 1px solid rgba(0,0,0,.04);
padding-bottom: 20px;
}
.comment {
background-position: 0 0;
}
.comment {
font-family: 'Open Sans', sans-serif;
}
li, ul li {
display: list-item;
display: block;
}
.mrm {
margin-right: 8px;
}
.commentMeta>* {
display: block;
line-height: 1.4;
}
.pullLeft {
float: left;
}
.homeRight .comment .userAvatar {
overflow: hidden;
}
.userAvatar.c30 {
width: 30px;
height: 30px;
}
.comment .userAvatar {
border-radius: 100%;
}
.homeRight a {
color: #b49e72;
font-size: .75rem;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
}
.homeRight a:hover {
color: #008dde;
outline: 0;
text-decoration: none;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
transition: color .2s ease;
font-family: 'Open Sans', sans-serif;
}
.userAvatar {
position: relative;
display: block;
background-image: url(/images/noavatar.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.userAvatar img {
background: #ebedee;
}
img {
vertical-align: bottom;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
.homeRight .comment .commentDate {
color: rgba(0,0,0,.4);
}
.commentDate time {
display: inline-block;
}
.homeRight .commentText, .homeRight .itemTitle {
word-break: break-word;
}
.mtm {
margin-top: 8px;
}
.mtl {
margin-top: 16px;
}
.homeRight .itemTitle h6 {
margin: 0;
font-weight: 400;
}
h6 {
font-size: .75em;
margin: 2.33em 0;
}
Тихо на улице, пусто в квартире..Спасибо реактору №4
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1366
Слышу гимн зашитых ртов
Дата: Четверг, 21.02.2019, 19:51/ Сообщение №: 2
Чёрный вид. CSS:
Код
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic,cyrillic-ext');
.homeRight {
width: 300px;
flex-shrink: 0;
}
@media only screen and (min-width: 801px) .homeRight .sectionHeader {
margin: 0 -20px 0 0;
}
.sectionHeader {
align-items: flex-end;
margin: 0 -10px 20px -20px;
padding: 5px 20px 15px;
font-family: 'Roboto Condensed', sans-serif;
border-bottom: 1px solid rgba(180, 158, 114, 0.8);
}
.clearfix {
zoom: 1;
}
.clearfix:after, .clearfix:before {
content: " ";
display: table;
}
.sectionHeader h2 {
margin: 0;
line-height: 1;
color: #b79146;
}
.utt {
text-transform: uppercase;
}
.bfw {
font-weight: 700;
}
h2 {
font-size: 1.666em;
}
.clearfix:after {
clear: both;
}
.homeComments {
padding: 20px 20px 0;
}
ul {
margin: 0;
padding: 0;
}
.homeRight .comment {
word-break: break-all;
border-bottom: 1px solid rgba(180, 158, 114, 0.8);
padding-bottom: 20px;
margin-bottom: 20px;
}
.comment {
background-position: 0 0;
}
.comment {
font-family: 'Open Sans', sans-serif;
}
li, ul li {
display: list-item;
display: block;
}
.mrm {
margin-right: 8px;
}
.commentMeta>* {
display: block;
line-height: 1.4;
}
.pullLeft {
float: left;
}
.homeRight .comment .userAvatar {
overflow: hidden;
}
.userAvatar.c30 {
width: 30px;
height: 30px;
}
.comment .userAvatar {
border-radius: 100%;
}
.homeRight a {
color: #b79757;
font-size: .75rem;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
}
.homeRight a:hover {
color: #008dde;
outline: 0;
text-decoration: none;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
transition: color .2s ease;
font-family: 'Open Sans', sans-serif;
}
.userAvatar {
position: relative;
display: block;
background-image: url(/images/noavatar.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.userAvatar img {
background: #ebedee;
}
img {
vertical-align: bottom;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
.homeRight .comment .commentDate {
color: rgba(180, 158, 114, 0.73);
}
.commentDate time {
display: inline-block;
}
.homeRight .commentText, .homeRight .itemTitle {
word-break: break-word;
}
.mtm {
margin-top: 8px;
}
.mtl {
margin-top: 16px;
}
.homeRight .itemTitle h6 {
margin: 0;
font-weight: 400;
}
h6 {
font-size: .75em;
margin: 2.33em 0;
}
Тихо на улице, пусто в квартире..Спасибо реактору №4
Авторское право на игру и использованные в ней материалы принадлежат GSC Game World .
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Yandex.Browser
Powered by StraNNik | Поддержка сайта Near Bet
| Рекомендуем AdGuard
© 20.11.2013-01.12.2020