Гость
Обновленые темы Популярные темы Активные пользователи
NLC 7. Правки и модификации 10.09.2019 в 23:45 от outstanding68 Русский язык - Пробный вариант №2 (02.09.2019) 10.09.2019 в 10:30 от Admin Профильная математика - Пробный вариант №2 (09.09.2019) 10.09.2019 в 10:20 от Admin Парадокс: Начало. 09.09.2019 в 19:43 от Бармен Флудилка 08.09.2019 в 17:28 от Admin OGSR Mod 08.09.2019 в 16:34 от NL-Vincenz N.I.K.S.O.N. MOD (ТЧ) 08.09.2019 в 16:27 от NL-Vincenz Полный список предметов в переводе для STALKER ОП-2 07.09.2019 в 18:58 от Admin Call of Chernobyl: Anomaly 1.5.0 [beta] 27.08.2019 в 02:33 от Бармен Fugas Team Потерянная судьба 21.08.2019 в 14:57 от Бармен
Admin 3728

  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Белый "Информер Комментарий" rip Бармен
Белый "Информер Комментарий" rip Бармен
Бармен Offline Дата: Четверг, 21.02.2019, 15:29 | Сообщение # 1
Администратор
Звание: Рядовой [?]
Сообщений: 127


Рипал: Бармен
Для начало создаем информер - [ Комментарии · Материалы · Дата добавления материала 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;
}
Дата регистрации: 28.07.2018
StraNNik Offline Дата: Четверг, 21.02.2019, 18:48 | Сообщение # 2
Проверенные
Звание: Новобранец [?]
Сообщений: 25
Бармен, жаль не увеличивается скрин, а от приближения портиться качество. :(
А так чёрный вид в студию и я тя репой закидаю. :) ^_^ :D
Дата регистрации: 07.12.2018
Бармен Offline Дата: Четверг, 21.02.2019, 19:29 | Сообщение # 3
Администратор
Звание: Рядовой [?]
Сообщений: 127
StraNNik, Тестируй:

Код
@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;
}
Дата регистрации: 28.07.2018
StraNNik Offline Дата: Четверг, 21.02.2019, 19:49 | Сообщение # 4
Проверенные
Звание: Новобранец [?]
Сообщений: 25
Бармен, лови репы через 15 ч. ограничитель, а Владик ленится поменять мне группу, паразит 391

Сообщение отредактировал StraNNik - Четверг, 21.02.2019, 19:50
Дата регистрации: 07.12.2018
Admin Offline Дата: Пятница, 22.02.2019, 09:21 | Сообщение # 5
Администратор
Звание: Новобранец [?]
Сообщений: 3728
StraNNik, перевел, все время забываю ;)
Дата регистрации: 22.07.2017
Форум » Web-Раздел » Скрипты для uCoz » Белый "Информер Комментарий" rip Бармен
  • Страница 1 из 1
  • 1
Поиск: