Страница 1 из 11
Форум » Всё для uCoz » Скрипты от All-Cspro.Ru » Последние комментарии как на all-cspro
Последние комментарии как на all-cspro
-SAM- - Offline
Дата: Вторник, 03.02.2015, 16:46 | Сообщение # 1
Нет аватара
⇚ Stand Alone Man ⇛
Сообщения: 165
Здравствуйте, вот решил выложить информер последних комментариев как на all-cspro.ru, чтобы любой желающий смог поставить его на свой сайт. Сперва расскажу немного о данном информере: основное назначение его - вывод последних добавленных комментариев, тем самым зашедшие на сайт пользователи будут видеть чего и где обсуждается, при возможности отвечая на возникшие вопросы пользователям, выводятся актуальные темы, а также помощь администрации в модерации комментариев. Такой информер будет достаточно полезен там, где есть активность со стороны пользователей, в противном же случае - в блоке последних комментариев всегда будут выводиться одни и те же записи, что не есть хорошо - блок не будет иметь смысла, как мне кажется, будет только занимать место в контейнере сайта.

Вот скриншот блока на нашем сайте, где уже установлен данный информер:


Как мы видим, скрипт по дизайну достаточно красив и в то же время прост - выводиться лишь самое основное, а именно: дата добавления комментария оформлена в виде таблицы, которая имеет выделение цветом (можно настроить, чтобы подошло под дизайн шаблона вашего сайта), тем самым делается акцент на то что запись свежая; слева от таблицы с датой мы видем уменьшенную копию аватарки пользователя добавившего комментарий; чуть далее вниз от таблицы - текст самого комментария, а также ссылка на материал, которому он был оставлен.

Скажу сразу, что авторство скрипта (вернее дизайн его) принадлежит сайту Diz-Cs.Ru, где его сделали были еще в 2013 году, с тех пор уж давно как рипнули и распространили по сети. Ниже я выложу копию установленного скрипта на наш сайт, в котором есть свои отличия от оригинала, о которых я вам также готов поведать. Также в сети распространяют некорректно рипнутый скрипт (рип есть рип, и это нужно понимать), в котором внедрили ко всему прочему вредоносный js, дают неправильную инструкцию по установке информера - это как предупреждение (лучше ставить именно написанное мной чуть ниже).

И так, приступим к установке.
1). Заходим в Панель управления, далее в разделе Информеры создаем информер "Последние комментарии" со следующим настройками: [ Комментарии · Материалы · Дата добавления материала D · Материалы: 3 · Колонки: 1 ]
При желании можете выставить и большее количество выводимых комментариев, но я остановился на этом (чтобы было компактно всё в блоках на сайте). Сами комментарии же будут выводиться в порядке от самого нового до более старого, что нам и нужно.
2). В содержимое информера ставим следующий шаблон информера:
Код
<table><tbody><tr><td valing="top" class="comm_s">
<?if($PROFILE_URL$)?><a title='$USERNAME$' href="$PROFILE_URL$" target="_blank"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://all-cspro.ru/ava/noavatar.jpeg<?endif?>" alt="" border="0" /></a><?endif?></td>
<td class="comm_a" valign="top">
<div class="c_date_comm">
<div class="c_date">в $TIME$ $DATE$</div>
</div>
</td></tr></tbody></table>
<div class="mess_commes"><span style="color: rgb(255, 255, 255);">$MESSAGE$</span>
<div class="t_h">» <a href="$ENTRY_URL$">$ENTRY_TITLE$</a></div></div>
3). Теперь в нужном вам контейнере сайта создаем блок под Последние комментарии, уже в него прописываем вывод только что нами созданного информера:
Код
<noindex><!--googleoff: all-->
<style type="text/css">
.comm_s {width:33px; padding-right:2px;}
.comm_a {width:100%; padding-left:2px;}
.comm_s img {width:30px; height:30px; border:3px solid #0a0a0a; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.c_date_comm {background:#111111; padding:4px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.c_date {background:#4682B4; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; padding:8px 4px; color:#fff; text-shadow:0px 1px 0px #000; text-align:center; box-shadow:inset 0px 0px 0px 1px #4682B4;}
.mess_commes {background:#111111; padding:4px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin:3px 0px; border:1px solid #191919;}
.mess_commes a {color:#fff;}
.t_h {color:#494949; font-size:10px;}
.t_h a {color:#494949; font-size:10px; text-shadow:none;}
.t_h a:hover {color:#ddd;}

div.mess_commes span:first-child {display:block;max-height:52px;overflow:hidden;}
</style>
$MYINF_91$
<!--googleon: all--></noindex>
Где $MYINF_91$ - меняем на номер вашего информера. Как вы видите, я прописал стилизацию прямо сюда в блок, при желании вы можете прописать ее в иное место - в ту же таблицу стилей сайта css, но не в сам шаблон информера!

Как и обещал, рассказываю в чём состоит отличие от оригинального скрипта. Основным отличием есть то, что вывод текста сообщения осуществляется целиком, но при этом в блоке видна лишь его часть - скрытие текста осуществляется визуально, без подрезки самого комментария из ПУ или же шаблонно в самом информере (в ПУ прописана максимальная длина текста комментария равная 0 - без подрезки). Зачем это делать, возможно, спросите вы? Дело в том, что при подрезки текста комментария можно напрочь испортить шаблон сайта, когда пишут очень длинные комментарии и постят различного рода коды скриптов, выделяют текст цветами, в общем, всячески оформляют его, пишут много смайликов - при всём этом слетает шаблон, так как место подрезки приходиться по ограничению количества символов в самом комментарии, а это еще и html-теги, может быть не закрыт какой-то из них - покосячит тем самым шаблон сайта (можете и сами при желании всё проверить). Таким образом, я избавился от подобной "уязвимости", да и более того - блок, в котором выводиться три и более длинных комментария, может занимать достаточно много места, если не делать подрезку тем самым будет непропорционально выглядеть сайт (один из контейнеров будет больше забит, нежели другой) - смотрится некрасиво! Вы можете изменить высоту выводимого текста комментария - ищем в стилизации значение в 52px.

На этом всё, удачной установки и настройки cool


Прикрепления: 0851700.png(11Kb)

Админ - существо кроткое, пока не разозлить...٩(̾●̮̮̃̾•̃̾)۶
Форум » Всё для uCoz » Скрипты от All-Cspro.Ru » Последние комментарии как на all-cspro
Страница 1 из 11
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "All-CsPro.Ru".
Дизайн сайта разработал life_man, сверстал sp1nn15.
Копирование материалов с сайта без разрешения запрещено. © 2011-2017 Хостинг от uCoz.