» »

Тёмный информер комментариев для сайта 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.09.2015 Просмотров: 485 Комментарий: (11)

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

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

Комментарий: 11
Kosten
Kosten 24.09.2015 08:041
+1
Не дурно смотрится по дизайну и всегда темный и светло синий, это отличное сочетание. Такие вот нравятся, не наворот, типа изображение пользователя и значит нагрузки меньше.
Canon
Canon 24.09.2015 08:102
0
Интересный дизайн, что информация и данные внизу, а так на темном сайте должно смотреться красиво, но много сильно выставлено. Хотя 5 самый паз, просто обзор видится большим.
DALMATIN
DALMATIN 24.09.2015 08:113
0
Забыл, добавь в материал вот это изображение в материале, это если кто захочет к светлому дизайну!
Canon
Canon 24.09.2015 08:214
0
Вот под светлый не мешало бы, то думал на темный только идет, спасибо.
Kosten
Kosten 24.09.2015 08:285
0
Изображение перенес в сам материал, так чтоб все было по теме.
AnTron
AnTron 24.09.2015 18:416
0
Информер исправно работает, проверенно. Также автору спасибо, что он разместил для светлого дизайна. Бывает такое, идут 2 оттенка и ставят один, а потом вторым файлом уже второй, логика где, здесь все отлично.
Kosten
Kosten 24.09.2015 18:447
0
Но если AnTron дает добро, знать точно все проверенно доскональна. Хотя можно было перейти на сайт и посмотреть как он реально смотрится. Также, не забываем, что вчера отписал, можно в личку, AnTron - кинь свой ресурс.
AnTron
AnTron 24.09.2015 18:458
0
Написал, и приложение в описанию.
Kosten
Kosten 24.09.2015 18:509
0
Да вижу и все понимаю, и как принято доверяю, что это реально вас. Один только вопрос, почему не uCoz система.
AnTron
AnTron 24.09.2015 18:5310
0
Но, почему есть, и совершенно другая тематика, но почему то не вижу развитие в нем, хотя там 1k в сутки и на этом встало, но больше основным занимаюсь.
Kosten
Kosten 24.09.2015 18:5611
0
Одно понять не могу, каким ветром сюда занесло, там у вас своя не хилая движуха. Хотя на юкоз, можно сказать такие небольшие танцульки, ждем вот дискач по взрослому, а начнут по взрослому, серверы летят.
avatar