Простой и в то же время красивый информер комментариев

Разместил ArtsWar, 17-07-2014, 17:02 / Просмотров: 719 / Комментариев: 0


Установка:
В первую очередь, нам необходимо создать информер, для этого переходим в соответствующий раздел в Панели Управления /panel/?a=informers, "Создать информер", далее настраиваем так, как показано на скриншоте:

После того как Вы создали информер, переходите непосредственно к его редактированию, весь сгенерированный код при создании данного информера заменяем на:
<tr><td><a href="$PROFILE_URL$" class="usernetru"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://user-net.ru/uploads/posts/2014-07/1405602384_logotype.png<?endif?>" title="$USERNAME$" height="35px" width="35px"></a></td><td valign="top"><div style="padding: 5px; height: 65px; overflow: hidden;"><a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$ENTRY_TITLE$</a><br>$MESSAGE$</div><hr></td></tr>


В css добавляем (обводка аватарок пользователей):
.usernetru img{background-color:#FFF;border-color:#dbdbdb;border-radius:3px;border-style:solid;border-width:1px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:6px;box-shadow:0 0 20px #CCC;-moz-box-shadow:0 0 20px #CCC;-webkit-box-shadow:0 0 20px #CCC;margin:10px;}


Для вывода информера:
<table style="margin: 0 0 0 -20">$MYINF_*$</table>


$MYINF_*$ - ваш код информера.

Так как размеры могут не совпадать с характеристиками Вашего сайта, в случае проблем попробуйте изменить:
height="35px" width="35px" - размер аватарки пользователя
height: 65px; - высота показа текста
style="margin: 0 0 0 -20" - отступ влево.



комментариев
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Интересное