Вид комментариев v. 1.2 official
В официальной версии улучшено/изменено/добавлено:
- теперь кнопки из дизайна #1090;
- вместо самого комментария, для экономии места, было решено сделать слайдер "Показать/скрыть комментарий";
- на смену float-кнопкам пришли "Мне нравится" и "Мне не нравится";
- кнопки, описанные выше + "Ответить" теперь располагаются после комментария и разделяются линией;
- уменьшен размер страницы (благодаря слайдеру), а следовательно - уменьшено время загрузки страницы;
- вместо надписи "Старый" пришла "Прочитан". Это сделано для лучшего понимания пользователем конкретной функции;
- улучшена стабильность.
Прошу оставить мнение об официальной версии здесь, в комментариях. Это поможет мне улучшить текущий шаблон.
Установка:
Подключим CSS из #1090 дизайна.
Панель управления --> Управление дизайном (шаблоны) --> Модуль, где будут комментарии --> Страница материала и комментариев к нему.
В <head> вписывайте:
Панель управления --> Комментарии --> Вид комментариев.
Меняем все на:
Готово. Наслаждаемся
- теперь кнопки из дизайна #1090;
- вместо самого комментария, для экономии места, было решено сделать слайдер "Показать/скрыть комментарий";
- на смену float-кнопкам пришли "Мне нравится" и "Мне не нравится";
- кнопки, описанные выше + "Ответить" теперь располагаются после комментария и разделяются линией;
- уменьшен размер страницы (благодаря слайдеру), а следовательно - уменьшено время загрузки страницы;
- вместо надписи "Старый" пришла "Прочитан". Это сделано для лучшего понимания пользователем конкретной функции;
- улучшена стабильность.
Прошу оставить мнение об официальной версии здесь, в комментариях. Это поможет мне улучшить текущий шаблон.
Установка:
Подключим CSS из #1090 дизайна.
Панель управления --> Управление дизайном (шаблоны) --> Модуль, где будут комментарии --> Страница материала и комментариев к нему.
В <head> вписывайте:
Код
<link type="text/css" rel="StyleSheet" href="http://vk-news.ucoz.org/_st/my.css" />
Панель управления --> Комментарии --> Вид комментариев.
Меняем все на:
Код
<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;">
$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;"><a onclick="$('#ID$NUMBER$').slideToggle('fast');" href="javascript://"><button>Показать/скрыть комментарий</button></a> <br /> <div id="ID$NUMBER$" style="display: none;">$MESSAGE$</div></div>
<hr>
<div id="allrate$NUMBER$" align="right">
<?if($GOOD_COMMENT_URL$)?><a style="text-decoration:none;" href="$GOOD_COMMENT_URL$">Мне нравится <span id="ico$NUMBER$"><img src="http://vkontre1.my1.ru/images/nv.jpg" width="15" height="15" style="margin-bottom:-2px; margin-right:2px;" ></span> $COMMENT_RATING$</a><?else?><img src="http://vk-news.ucoz.org/bezymjannyj2.png" height="15" border="0" alt="" title="Нельзя оценить свой комментарий" /> <img src="http://vk-news.ucoz.org/bezymjannyj11.png" width="15" height="15" border="0" alt="" /> <span style="color:gray"> $COMMENT_RATING$</span><?endif?> <?if($BAD_COMMENT_URL$)?><a style="text-decoration:none;" href="$BAD_COMMENT_URL$">Мне не нравится <span id="icon$NUMBER$"><img src="http://vk-news.ucoz.org/bezymjannyj.png" width="15" height="15" style="margin-bottom:-2px; margin-right:2px;" ></span><?else?><img src="http://vk-news.ucoz.org/dislike.png" height="15" border="0" alt="" title="Нельзя понизить рейтинг своего комментария" /> <img src="http://vk-news.ucoz.org/bezymjannyj.png" width="15" height="15" border="0" alt="" /><?endif?>
</div></span>
<?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;"><a href="$ANSWER_URL$"><button>Ответить</button></a></div><?endif?><hr></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;">
$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;"><a onclick="$('#ID$NUMBER$').slideToggle('fast');" href="javascript://"><button>Показать/скрыть комментарий</button></a> <br /> <div id="ID$NUMBER$" style="display: none;">$MESSAGE$</div></div>
<hr>
<div id="allrate$NUMBER$" align="right">
<?if($GOOD_COMMENT_URL$)?><a style="text-decoration:none;" href="$GOOD_COMMENT_URL$">Мне нравится <span id="ico$NUMBER$"><img src="http://vkontre1.my1.ru/images/nv.jpg" width="15" height="15" style="margin-bottom:-2px; margin-right:2px;" ></span> $COMMENT_RATING$</a><?else?><img src="http://vk-news.ucoz.org/bezymjannyj2.png" height="15" border="0" alt="" title="Нельзя оценить свой комментарий" /> <img src="http://vk-news.ucoz.org/bezymjannyj11.png" width="15" height="15" border="0" alt="" /> <span style="color:gray"> $COMMENT_RATING$</span><?endif?> <?if($BAD_COMMENT_URL$)?><a style="text-decoration:none;" href="$BAD_COMMENT_URL$">Мне не нравится <span id="icon$NUMBER$"><img src="http://vk-news.ucoz.org/bezymjannyj.png" width="15" height="15" style="margin-bottom:-2px; margin-right:2px;" ></span><?else?><img src="http://vk-news.ucoz.org/dislike.png" height="15" border="0" alt="" title="Нельзя понизить рейтинг своего комментария" /> <img src="http://vk-news.ucoz.org/bezymjannyj.png" width="15" height="15" border="0" alt="" /><?endif?>
</div></span>
<?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;"><a href="$ANSWER_URL$"><button>Ответить</button></a></div><?endif?><hr></td></tr></table><br />
Готово. Наслаждаемся
Источник: не указан
0
