» »

Вид комментариев сайта в светлом стиле


Вид комментариев сайта в светлом стиле

Давно я таких комментариев по дизайну не видел, а главное светлый по дизайну и полностью рабочий. Тут главное все правильно поставить и все как часы будет работать. Начну с дизайна, да он обычен но его выделяют кнопки, которые могут выставить хороший или плохой комментарий на сайте. Можно сказать такая небольшая фишка которая в стиль красиво вписалась. И не надо забывать про картинку пользователя, все создано на высшем уровне.
Установка:
Качаем архив с сайта, распечатываем его и находим там папку comm которую нам нужно залить в корень сайта. Продублирую для очень умных, создаем папку comm и туда заливаем все что есть в архиве который вы скачали.
Далее все по плану, нужно сменить код в вид комментариев на этот:
Код
<div id="pc_50" class="jomentry1">  
<h5 class="jc_comment_title"><a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><b>№ $NUMBER$</b></a></h5>  
<div class="jc_avatar"><div class="avatarImg"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" height="40" width="40" border="0" alt="аватар пользователя" /><?else?><img src="http://s107.ucoz.net/a/16/2884.gif" height="40" width="40" border="0" alt="аватар пользователя" /><?endif?></div></div>  
<div class="jc_comment_text">$MESSAGE$  
<?if($ENTRY_URL$)?><p>[<a href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Материал</a>]</p><?endif?>  
<?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Ответ</b>: $ANSWER$</div><?endif?>  
<?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div><?endif?>  
</div>  
<div class="jc_clear"></div>  
<div class="jc_bottom_container">  
<div class="jc_user_details">$MODER_PANEL$

Потом идем на страницу Страница материала и комментариев к нему и между:
Код
<head> и </head>

Прописываем этот код:
Код
<link type="text/css" rel="StyleSheet" href="/comm/comment_style.css" />

Далее не куда не уходим с этой страницы и ищем такой код:
Код
<tr><td colspan="2">$COM_BODY$</td></tr>

И заменяем его на этот:
Код
<tr><td colspan="2"><div id="jc_commentsDiv" style="display:block; visibility:visible; ">$COM_BODY$</div></td></tr>

Все вид установлен, не спешите и все будит в шоколаде, если есть вопросы задавайте.
08.10.2013 Загрузок: 18 Просмотров: 801 Комментарий: (4)

Поделиться в социальных сетях

Материал разместил

Комментарий: 4
Delete
Delete 08.10.2013 08:291
0
ну и комы biggrin
Kosten
Kosten 08.10.2013 11:202
0
N_O_O_B, а что делать, так источник поставишь люди забивают. Так пускай хоть на картинке отсвечивает.
Delete
Delete 08.10.2013 11:473
0
его же не я делал...
Kosten
Kosten 08.10.2013 12:014
0
Я у тебя взял на сайте тебя прописываю. Так решил и все!
avatar