Гость
Обновленые темы Популярные темы Активные пользователи Новые пользователи Лента новостей
Area of Decay [10.07.2019]
Xemordio 3583 |  11 |  65
Бармен 43 |  7 |  0
Infe[R]nos 38 |  5 |  1
StraNNik 25 |  1 |  0
Waldemar 12 |  0 |  2
NL-Vincenz 12 |  0 |  3
mawr50 [15.07.2019]
dekmasters013 [15.07.2019]
pkosmatov [15.07.2019]
olegponamariov [14.07.2019]
tommytom0852 [13.07.2019]
trem200 [11.07.2019]

  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Приятный глазу "Информер последних комментарий" rip Бармен
Приятный глазу "Информер последних комментарий" rip Бармен
Бармен Offline Дата: Пятница, 15.03.2019, 21:22 | Сообщение # 1
Администратор
Звание: Новобранец [?]
Сообщений: 43


Рипал: Бармен
Для начало создаем информер - [ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ] вставляем туда вот это:

Код
<div class="lcomm">
   <a href="$ENTRY_URL$" title="$ENTRY_TITLE$">
      <div style="color: #afaeae;font-size: 10px;text-transform: uppercase;">$ENTRY_TITLE$"</div>
      <div class="lc-body">
         <div class="lc-text">$MESSAGE$</div>
         <img src="$USER_AVATAR_URL$" alt="haniram" title="haniram">
      </div>
   </a>
</div>

Далее в первый или второй контейнер устанавливаем вот это:

Код
<div class="rels">
   <div class="side-bt">Последние комментарии</div>
   <hr>
   $MYINF_ВАШ_НОМЕР$
</div>

CSS:

Код
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=cyrillic');
.rels {
     margin: 15px 0;
     background-color: rgba(255,255,255,.99);
     padding: 15px;
     box-shadow: 0 0 5px rgba(0,0,0,.3);
     -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
     border-radius: 3px;
     -webkit-border-radius: 3px;
}
.side-bt {
     font-size: 26px;
     margin-bottom: 15px;
}
.side-bt {
     color: #292929;
}
.side-bt {
     font-family: 'Yanone Kaffeesatz', sans-serif;
     text-transform: uppercase;
}
.lcomm {
     display: block;
     position: relative;
     margin-bottom: 10px;
     min-height: 40px;
     padding: 0 0 0 50px;
}
a {
     transition: color .3s,background-color .3s,opacity .3s;
}
.lc-body {
     background-color: #f6f6f6;
     padding: 10px;
     border: 1px solid #f0f0f0;
}
.lc-text {
     color: #888;
     margin-bottom: 5px;
     font-size: 0.96em;
}
.lcomm img {
     display: block;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 0;
}
.lcomm img {
     transition: all .3s;
}
.lcomm:hover img {
     transform:scale(0.8,0.8);
}
.lcomm:nth-child(2n) {
     padding:0 50px 0 0;
}
.lcomm:nth-child(2n) img {
     left:auto;
     right:0;
}
img {
     max-width: 100%;
}
Дата регистрации: 28.07.2018
Форум » Web-Раздел » Скрипты для uCoz » Приятный глазу "Информер последних комментарий" rip Бармен
  • Страница 1 из 1
  • 1
Поиск: