Правила форума Подписки Ленточный
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
True Stalker (0)
Ловец снов (ОБТ) (0)
Контракт: Выходец с того ... (0)
Prosectors Project 1.7 (0)
Тайна Кордона (0)
У костра (193)
Анекдоты (145)
Города (94)
Обновления сайта (77)
Свалка (68)
StraNNik (1417)
RamzeS (513)
Каратель (170)
Narkostalker (121)
Кракен (93)
p4ladya (05.02.2024)
alexander24tomilin (20.12.2023)
Lesnik (13.12.2023)
nikbal888 (05.12.2023)
Fugaz56 (09.08.2023)
  • Страница 1 из 1
  • 1
Белый "Информер Комментарий"
Слышу гимн зашитых ртов
StraNNik
Группа: Администратор
Ранг: Опытный
Сообщений: 1417
Карма: 33
Сообщение # 1
Дата: 21.02.2019 в 18:50


Рипал: Бармен
Для начало создаем информер - [ Комментарии · Материалы · Дата добавления материала 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;
}

Слышу гимн зашитых ртов
StraNNik
Группа: Администратор
Ранг: Опытный
Сообщений: 1417
Карма: 33
Сообщение # 2
Дата: 21.02.2019 в 19:51
Чёрный вид. 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;
}

  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Microsoft Edge
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-26.05.2024