Гость
Обновленые темы Популярные темы Активные пользователи
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 Дата: Пятница, 15.03.2019, 21:22 | Сообщение # 1
Администратор
Звание: Рядовой [?]
Сообщений: 127


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