Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Фоновое изображение в пол... (0)
Как сделать рейтинг карти... (0)
Проверка качества пароля ... (0)
Генератор пароля для uCoz (0)
Дополнительные смайлы в к... (0)
У костра (191)
Анекдоты (145)
Города (94)
Обновление сайта (67)
Создание НПС (63)
StraNNik (1327)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
alldaniser (18.11.2019)
pojar (06.10.2019)
pavelink45 (05.10.2019)
dimacss2 (18.09.2019)
sej963821 (14.09.2019)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Информеры » Белый "Информер Комментарий" (Rip by Бармен)
Белый "Информер Комментарий"
StraNNik
StraNNik
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1327
Карма: 28 | Хабар: 10
Слышу гимн зашитых ртов
Дата: Четверг, 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

StraNNik
StraNNik
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1327
Карма: 28 | Хабар: 10
Слышу гимн зашитых ртов
Дата: Четверг, 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

Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Информеры » Белый "Информер Комментарий" (Rip by Бармен)
  • Страница 1 из 1
  • 1
Поиск:

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