Последние комментарии в виде мини-чата За последние комментарии в виде мини-чата отвечает информер. Благодаря данному информеру пользователи вашего портала смогут видеть последние комментарии на главной странице вашего сайта, а также эти комментарии не будут занимать много места в блоке, так как в этом информере используется скролл. Также с комментарием выводится ник написавший комментарий, а также дата и время написанного комментария. Также в правом нижнем углу есть кнопка ответить, которая позволит Вам ответить на комментарий. Установка: 1) Создаем информер: [ Комментарии · Материалы · Дата добавления материала D · Материалы: 10 · Колонки: 1 · Длина заголовка: 200 ] 2) Далее в шаблон информера вставляем следующий код: Code <div class="ChatMess1"> <div class="ChatMesTop2"><div style="float:right;">$TIME$ <a href="$PROFILE_URL$" rel="nofollow" rel="nofollow"><img src="http://webo4ka.ru/Ucoz6/poclednii_kommenti_info.gif" border="0" style="vertical-align:-1px; margin-right:1px;" /></a></div><?if($USERNAME$)?><a href="$PROFILE_URL$" ><b><font color=fff>$USERNAME$</font></b></a><?else?><a href="$PROFILE_URL$" ><b><font color=fff>$NAME$</font></b></a><?endif?></div> <div style="padding:3px 3px 3px 4px;">$MESSAGE$</div> <div class="ChatMesTop1"><div style="float:right;"><a href="$ENTRY_URL$"><b>Ответить</b></a></div>$DATE$</div> </div> 3) Далее в блок, где Вы хотите видеть данный вид комментариев вставляем нижеприведенный код: Code <style>.scroll { width:190px; height:225px; overflow:auto; } .ChatMess1 {border:1px solid #ccc; background:#fff; margin-bottom:3px; -webkit-border-radius:2px ; 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;} .ChatMesTop2 {border:0px; border-bottom:1px dotted #ccc; padding:3px 3px 3px 4px; background:#f8f8f8; -webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;} .ChatMesTop1 {border:0px; border-top:1px dotted #ccc; padding:3px 3px 3px 4px; background:#f8f8f8; -webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;} </style> <div class="scroll">$MYINF_12$</div> ВНИМАНИЕ!!! $MYINF_12$ заменяем на ваш тег информера.
1 2 3 4 5 Категория: Остальные скрипты \| Добавил: V-STYLE
Просмотров: 840 \| Загрузок: 0 \| Комментарии: 1 \| Рейтинг: 0.0/0