Главная / Каталог скриптов для uCoz / Информеры, Бесплатно

Информер комментариев

Добавлено 09-12-2017 в 03:00

Категория Информеры, Бесплатно
Авторwaak
Просмотры1229
Комментарии1
Понравилось6

Здравствуйте, Сегодня публикую свою версию вида материалов для информера последних комментариев на сайте.

в информере есть аватар пользователя его ник а также его комментарий
информер выполнен в светлом стиле.

По клику на аватарку пользователя откроется его страница.
По клику на текст комментария откроется страница материала.
Если комментарий длинный, то он обрезается, так как его размер, ограничен мной размером в 200px, для просмотра всего комментария в блоке с текстом появится полоса прокрутки.

Все размеры вы сможете поменять на свои при необходимости.

Вид информера:

Думаю как создать данный информер писать не нужно!
Код в шаблон информера

Код

<div class="com_waak_bc">
  <div class="com_waak_bc_top">
  <span class="com_waak_bc_top_img_mat"><a href="$PROFILE_URL$" title="Профиль пользователя"><img src="$USER_AVATAR_URL$"></a></span>
  <span class="com_waak_bc_top_text">
  <b>$USERNAME$</b>
  <i>Комментарий к материалу</i>
  </span>

  <div id="clr"></div>
  </div>

  <div class="com_waak_bc_contentg">
  <a href="$ENTRY_URL$" title="Перейти на страницу материала $ENTRY_TITLE$">
  <div class="com_waak_bc_content">
  $MESSAGE$
  </div>
  </a>
  </div>
  <div id="clr"></div>
  </div>

В таблицу стилей в самый конец

Код

.com_waak_bc {background: #FFF;padding: 10px;}

.com_waak_bc_top_img_mat {
  width: 50px;
  height: 50px;
  float: left;border-radius: 50%;overflow: hidden;
}
.com_waak_bc_top_img_mat img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.com_waak_bc_top_text {display: block;padding: 5px 10px;float: left;}
.com_waak_bc_top_text b {
  display: block;
  font-size: 18px;
}
.com_waak_bc_top_text i {
  font-size: 11px;
  color: #676767;
  font-style: normal;
}

.com_waak_bc_contentg {
  max-height: 200px;
  overflow-x: auto;
  margin: 10px 0 0;
}
.com_waak_bc_content {
  padding: 10px;
  color: #676767;
  font-size: 11px;
  line-height: 18px;
  background: #f1f1f1;
  height: auto;

}
.com_waak_bc_content img {
  max-width: 100%;
}

Я не стал делать вывод картинки если нет аватара у пользователя это вы сделаете сами а если не сможете то пишите об этом в комментариях и я помогу вам.

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход

Создать сайт
Бесплатно

Меню

Полезно

Комментарии

waak

К сожалению, у меня нет сайта, на котором был бы активен данный модуль, чтобы посмотреть, работает он там или нет.

04-03-2024 в 08:01 материал

Fr Frag

Для модуля новости не работает

03-03-2024 в 05:55 материал

web_master

при добавлении комментарии выдает ошибку в консоли:

POST http:сайт/index/ 404 (Not Found)

29-02-2024 в 16:58 материал

web_master

UPD: так будет работать , + в конце будут показывать и проценты...

Код

<?($OTHER2$-$OTHER1$)/$OTHER2$*100 ?>

А так будет без процентов:

Код

<?int(($OTHER2$-$OTHER1$)/$OTHER2$*100)?>

25-02-2024 в 23:06 материал

web_master

Скрипт не работает почему-то

25-02-2024 в 22:09 материал

waak

Не за что! Я бы делал больше но просьб мало а самому сидеть придумывать не всегда есть время по этому и обновления идут редко

07-02-2024 в 18:26 материал

ed edik2009

Спасибо.Поставил все работает. К сожалению эпоха сайтостроения Юкоз прошла. Ваш сайт один из немногих который, хоть что то обновляет материалы для в этой системы (Скрипты, Шаблоны, Графика и т.д)

07-02-2024 в 08:08 материал

waak

Здравствуйте! вы наверное не совсем понимаете смысл данного раздела, Что бы я мог выполнить вашу просьбу я должен понимать что именно вам нужно а в вашей просьбе нет конкретики и по этому выполнить её не получится

27-01-2024 в 15:12 материал

di dinyslamsinger

От души