Вывод комментариев через информер - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Информеры


Это полезный скрипт, когда у вас на сайте комментируется материал. И вывод через информер их покажет на главной странице вашего сайта. Тогда вы всегда можете ответить или другой пользователь вовремя, и также происходит Модерация всех написанных комментарий. Здесь также будет еще Avatar пользователя, где перекреплена дата написанного. Создал его Vitalya, за основу взял простой вид и теперь у кого социальные или просто под таким дизайн стоят посты, то можно установить в блог. Он смотрится как на узком, что будет предоставлено изображение, так и на широком конструкторе, это по фиксированной ширине.

Здесь все очень просто, не чего лишнего нет, не каких кнопок, просто по клику вы перейдете на то описание, которое вам нужно. Но и стилистика сама у него стильная, что безусловно должна подойти на интернет ресурс. Сам пост будет в синий гамме цвета, но все сделано на стилях, и возможно у вас светло темный, то вы можете просто поменять оттенок цвета, даже что то свое добавить. Если вам сам круг не подходит, то делаем квадратный и потом можно просто закруглить на несколько пикселей углы. Вообщем вывод такой, устанавливаем и смотрим как что подогнать или оставить как идет по умолчанию.

Теперь переходим к установки:

Как всегда все делаем через админ панель, и там заходим в информер и создаем по параметрам.

[ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ]
Code
<div class="com-film"> 
<li> 
<a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?><div class="com-film-img"><img src="$USER_AVATAR_URL$" border="0"></div><?else?><div class="com-film-img"><img src="http://kamorka.ucoz.com/img/material/no_avatar.gif" alt="avatar" /></div><?endif?></a> 
<a href="$PROFILE_URL$"><div class="uservit"><b>$USERNAME$</b></div></a> 
<div class="com-film-detali"><b>$DATE$ в $TIME$</b></div> 
<div class="com-film-detali-a"><a href="$ENTRY_URL$">$ENTRY_TITLE$</a></div> 
<p>$MESSAGE$</p> 
</li> 
</div>

CSS:
Code
/*****Комментарии в первом блоке*****/
.com-film {border-bottom: 1px solid #125489; padding-bottom:15px; padding-top: 3px; background-color: rgb;} 
.com-film:last-child { border-bottom: 0; } 
.com-film li {list-style: none;} 
.com-film a {font-size: 11px; color: #2F2F2F; font-weight: bold;} 
.com-film-detali {padding-top: 1px; color: #125489; font-size: 9px; font-family: 'PT Sans'; display: inline-block; float: right; margin-right: 3px;}  
.com-film-img img {float: left; border-radius: 50px; width: 35px; height: 35px; margin-right: 4px; margin-left: 2px;} 
.com-film p {-webkit-margin-before: 0; -webkit-margin-after: 0; font-size: 11px; background-color: #ffffff; display: -webkit-box; padding: 3px;border: 1px solid #125489; border-radius: 7px; margin-right: 3px; margin-top: 3px;}
.com-film-detali-a a { font-weight: normal; color:#000000;font-size: 11px; font-family: 'PT Sans';}
.com-film-detali-a a:hover {color: #125489;}
.uservit {padding:0px 1px 0px 1px; background-color: #f1f1f1; color: #125489;border:1px solid #f1f1f1;border-radius: 3px; font-size: 12px; font-family: 'PT Sans'; display: inline-block; float: left; margin-right: 3px;}
.uservit:hover {padding:0px 1px 0px 1px;background-color: #125489;color: #FFFFFF;border:1px solid #125489;border-radius: 3px;}

PS - стили также можете поставить ниже кода, только нужно будет заключить в <style> что также все будет отображать.

Важно!

При копировании материала указывать ссылку на источник.

- 473
- 26-Ноября-2016
- 0
Материал разместил:

Похожий материал
Статьи сайта