ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Тёмный информер комментариев для сайта uCoz

Тёмный информер комментариев для сайта uCoz

Всем пух привет!
Как я уже говорил что мне Kosten отдал свой кино сайт так сказать подарил, за что ему ещё раз и спасибо! Но как всегда смена хозяина просто так не происходить и каждый ставит мебель по своему, вот и я решил немного обновить сайт и стал менять образ дизайна но и в это же время не трогать основное что было до мне сделано.

И дошло дело до комментариев а точнее информера который выводит последние комментарии к фильмам и я тоже решил их сменить и думаю удачно.
После того как я у себя настроил я решил выложить и для вас может кто ищет или искал красивый вид информера последних комментариев.

Для того что бы установить вид комментариев на свой сайт вам нужно создать информер примерно с такими параметрами.
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ]

Далее нажимаем на кнопочку Шаблон информера и вставляем туда вот этот код

Код

<div class="lastcomm"> <a href="$ENTRY_URL$" class="commft" target="_blank">$ENTRY_TITLE$</a> <div class="commtext">$MESSAGE$</div> <div class="commdate">$DATE$</div> <div class="commautor"> Автор:<?if($USERNAME$)?> <a href="$PROFILE_URL$">$USERNAME$</a><?else?> <font style="
color: rgb(23, 144, 199);
">Зритель</font><?endif?></div> </div>

Далее переходим в стили своего сайта и в самый низ размещаем вот эти стили

Код

.lastcomm {
  background-image: url(http://cstavr.ru/img/lastcomm.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
  height: 90px;
  width: 173px;
  float: left;
  font-size: 11px;
  padding: 10px 10px 0 10px;
  line-height: 12px;
  margin: 0 0 0 10px;
}

.commft {
  float: left;
  width: 173px;
  color: #499fd6 !important;
  padding-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.commtext {
  float: left;
  width: 173px;
  height: 26px;
  overflow: hidden;
  color: #CECCCC;
}

.commdate {
  float: left;
  color: #8599a2;
  margin: 23px 0 0 0;
}

.commautor {
  float: right;
  color: #3d5a68;
  margin: 23px 0 0 0;
}

И сохраняем и выходим

Ну и по желанию в стиле можете найти вот это изображения cstavr.ru/img/lastcomm.png скачать его и залить на свой сайт!

Пример можно посмотреть у меня на кино сайте

PS - Вы можете выставить и светлый вид, вам только нужно поменять ссылку в ситилях и поставить этот элемент.

Который идет на белую гамму.

24 Сентября 2015 Просмотров: 1953 Комментариев: (11)

Поделиться в социальных сетях

Материал разместил

DALMATIN

Похожие материалы

Оставь свой отзыв

Комментарии: 11
Порядок вывода комментариев: Kosten 24 Сентября 2015 08:04¹ +1 Не дурно смотрится по дизайну и всегда темный и светло синий, это отличное сочетание. Такие вот нравятся, не наворот, типа изображение пользователя и значит нагрузки меньше. Canon 24 Сентября 2015 08:10² 0 Интересный дизайн, что информация и данные внизу, а так на темном сайте должно смотреться красиво, но много сильно выставлено. Хотя 5 самый паз, просто обзор видится большим. DALMATIN 24 Сентября 2015 08:11³ 0 Забыл, добавь в материал вот это изображение в материале, это если кто захочет к светлому дизайну! Canon 24 Сентября 2015 08:21⁴ 0 Вот под светлый не мешало бы, то думал на темный только идет, спасибо. Kosten 24 Сентября 2015 08:28⁵ 0 Изображение перенес в сам материал, так чтоб все было по теме. AnTron 24 Сентября 2015 18:41⁶ 0 Информер исправно работает, проверенно. Также автору спасибо, что он разместил для светлого дизайна. Бывает такое, идут 2 оттенка и ставят один, а потом вторым файлом уже второй, логика где, здесь все отлично. Kosten 24 Сентября 2015 18:44⁷ 0 Но если AnTron дает добро, знать точно все проверенно доскональна. Хотя можно было перейти на сайт и посмотреть как он реально смотрится. Также, не забываем, что вчера отписал, можно в личку, AnTron - кинь свой ресурс. AnTron 24 Сентября 2015 18:45⁸ 0 Написал, и приложение в описанию. Kosten 24 Сентября 2015 18:50⁹ 0 Да вижу и все понимаю, и как принято доверяю, что это реально вас. Один только вопрос, почему не uCoz система. AnTron 24 Сентября 2015 18:53¹⁰ 0 Но, почему есть, и совершенно другая тематика, но почему то не вижу развитие в нем, хотя там 1k в сутки и на этом встало, но больше основным занимаюсь. Kosten 24 Сентября 2015 18:56¹¹ 0 Одно понять не могу, каким ветром сюда занесло, там у вас своя не хилая движуха. Хотя на юкоз, можно сказать такие небольшие танцульки, ждем вот дискач по взрослому, а начнут по взрослому, серверы летят.