Вид комментариев v.1.2
В версии 1.1 (в отличие от старой 1.0 исправлено/изменено:
- кнопка "Ответить" и кнопки "Хороший/плохой пост";
- теперь, при клике по аватару, он плавно увеличивается до размеров 140х140 рх;
- исправлена функция рейтинга, теперь пользователи не смогут оценивать свой материал;
- изменен вид самих комментариев;
- скорректирована строка информации. Теперь, если это ваш материал, при наведении на адрес профиля пользователя появляется табличка "Ваш комментарий";
- кнопки like/dislike, как на Facebook в flat-дизайне;
- добавлен идентификатор (старый/новый комментарий);
- есть кнопка dislike
- в конце комментария есть разделительная линия;
- рейтинг комментария теперь не на самой кнопке, а между кнопками like/dislike;
- добавлена модер-панель для пользователей (раньше была только для админов/модераторов);
- изменен стиль таблицы комментариев - теперь он полностью светлый.
Установка:
В виде комментариев весь код заменяем на:
- кнопка "Ответить" и кнопки "Хороший/плохой пост";
- теперь, при клике по аватару, он плавно увеличивается до размеров 140х140 рх;
- исправлена функция рейтинга, теперь пользователи не смогут оценивать свой материал;
- изменен вид самих комментариев;
- скорректирована строка информации. Теперь, если это ваш материал, при наведении на адрес профиля пользователя появляется табличка "Ваш комментарий";
- кнопки like/dislike, как на Facebook в flat-дизайне;
- добавлен идентификатор (старый/новый комментарий);
- есть кнопка dislike
- в конце комментария есть разделительная линия;
- рейтинг комментария теперь не на самой кнопке, а между кнопками like/dislike;
- добавлена модер-панель для пользователей (раньше была только для админов/модераторов);
- изменен стиль таблицы комментариев - теперь он полностью светлый.
Установка:
В виде комментариев весь код заменяем на:
Код
<style type="text/css" media="all">
@import url(http://www.csomsk.ru/highslide/highslide.css);
</style>
<link type="text/css" rel="StyleSheet" href="http://vk-news.ucoz.org/_st/my.css" />
<script type='text/javascript' src='http://www.csomsk.ru/highslide/highslide.js'></script>
<script type='text/javascript' src='http://www.csomsk.ru/highslide/include_highslide.js'></script>
<script type="text/javascript">
hs.graphicsDir = 'http://www.csomsk.ru/highslide/graphics/';
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;"><div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s89.ucoz.net/img/icon/thumbu2.png" title="Хороший пост" style="margin: 0 4px;vertical-align: middle;"></a>$COMMENT_RATING$<a href="$BAD_COMMENT_URL$"><img alt="" src="http://s89.ucoz.net/img/icon/thumbd2.png" title="Плохой пост" style="margin: 0 4px;vertical-align: middle;"></a><?else?><img alt="" src="http://vk-news.ucoz.org/innews/thumb12.png" width="15" height="15" title="Хороший комментарий" style="margin: 0 4px;vertical-align: middle;opacity: .5;">$COMMENT_RATING$<img alt="" src="http://vk-news.ucoz.org/innews/dislike5.png" width="15" height="15" title="Плохой комментарий" style="margin: 0 4px;vertical-align: middle;opacity: .5;"><?endif?>
$MODER_PANEL$</div><?ifnot($IS_NEW$)?><div class="cTop" style="text-align:left;">(<span style="color:gray">Старый</span><?else?><span style="color:red">Новый!</span><?endif?>) #<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>
от <?if($USERNAME$)?><?if($USER_AVATAR_URL$)?><a title="Аватар пользователя $USERNAME$ $NAME$" href="$USER_AVATAR_URL$" class="highslide" onclick="return hs.expand(this)"><img src="$USER_AVATAR_URL$" alt="" width="30" height="30" alt="$TITLE$" style="padding:3px;"></a><?endif?><?if($IS_OWN$)?><a href="$PROFILE_URL$" title="Ваш материал"><?else?><a href="$PROFILE_URL$"><?endif?><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?> <span style="font-size:7pt;unicode-bidi:embed;">(Прокомментировал $DATE$ в $TIME$)</span>:
</div>
<div class="cMessage" style="text-align:left;clear:both;padding:2px 0;">$MESSAGE$</div>
<hr>
<?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$"><button>Ответить</button></a></div><?endif?></td></tr></table><br />
@import url(http://www.csomsk.ru/highslide/highslide.css);
</style>
<link type="text/css" rel="StyleSheet" href="http://vk-news.ucoz.org/_st/my.css" />
<script type='text/javascript' src='http://www.csomsk.ru/highslide/highslide.js'></script>
<script type='text/javascript' src='http://www.csomsk.ru/highslide/include_highslide.js'></script>
<script type="text/javascript">
hs.graphicsDir = 'http://www.csomsk.ru/highslide/graphics/';
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;"><div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s89.ucoz.net/img/icon/thumbu2.png" title="Хороший пост" style="margin: 0 4px;vertical-align: middle;"></a>$COMMENT_RATING$<a href="$BAD_COMMENT_URL$"><img alt="" src="http://s89.ucoz.net/img/icon/thumbd2.png" title="Плохой пост" style="margin: 0 4px;vertical-align: middle;"></a><?else?><img alt="" src="http://vk-news.ucoz.org/innews/thumb12.png" width="15" height="15" title="Хороший комментарий" style="margin: 0 4px;vertical-align: middle;opacity: .5;">$COMMENT_RATING$<img alt="" src="http://vk-news.ucoz.org/innews/dislike5.png" width="15" height="15" title="Плохой комментарий" style="margin: 0 4px;vertical-align: middle;opacity: .5;"><?endif?>
$MODER_PANEL$</div><?ifnot($IS_NEW$)?><div class="cTop" style="text-align:left;">(<span style="color:gray">Старый</span><?else?><span style="color:red">Новый!</span><?endif?>) #<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>
от <?if($USERNAME$)?><?if($USER_AVATAR_URL$)?><a title="Аватар пользователя $USERNAME$ $NAME$" href="$USER_AVATAR_URL$" class="highslide" onclick="return hs.expand(this)"><img src="$USER_AVATAR_URL$" alt="" width="30" height="30" alt="$TITLE$" style="padding:3px;"></a><?endif?><?if($IS_OWN$)?><a href="$PROFILE_URL$" title="Ваш материал"><?else?><a href="$PROFILE_URL$"><?endif?><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?> <span style="font-size:7pt;unicode-bidi:embed;">(Прокомментировал $DATE$ в $TIME$)</span>:
</div>
<div class="cMessage" style="text-align:left;clear:both;padding:2px 0;">$MESSAGE$</div>
<hr>
<?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$"><button>Ответить</button></a></div><?endif?></td></tr></table><br />
Источник: не указан
0 комментариев
Последние события
Новое с форума
Сейчас обсуждают