09:50 Понедельник 2025
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Время в профиле прош... (0)
КПК - персональная с... (0)
Вид цитаты и code st... (0)
СТАЛКЕРСКИЙ МИНИ-ПРО... (0)
БЛОК ИНТЕРЕСНЫХ ФАКТ... (0)
Гид по Народной Соля... (27)
Бар «От заката до ра... (18)
Гид по прохождению м... (16)
Азы модостроения (14)
Баги и ошибки на сай... (8)
XemorDio(died) (626)
Бармен (146)
ExGooD (48)
habib (37)
Rayviner (19)
maksimstebnovskij5 (02.03.2023)
slitkovets (30.10.2022)
ianoiano62 (29.01.2022)
Timkalv (20.09.2021)
Myloisonau (03.09.2021)

  • Страница 1 из 1
  • 1
Тёмный информер комментариев для сайта uCoz
XemorDio(died)Дата: Четверг, 21.01.2016, 12:20 | Сообщение # 1
Генерал-лейтенант
Группа: Свобода
Сообщений: 626
Награды: 3
Репутация: 4
Статус:

Всем пух привет!
Как я уже говорил что мне 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://j-p-g.net/if/2015/09/25/0779476001443175684.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;   
}

И сохраняем и выходим.
 
  • Страница 1 из 1
  • 1
Поиск: