Новость: 
| Главная » Файлы » Для uCoz » Вид комментариев для Ucoz |
Красивейший вид комментариев
| [ Скачать с сервера (87.1 Kb) ] | 27.10.2011, 15:52 |
 Вам надо только загрузить исходники в корень сайта: картинки в папку images, а js файлы соответственно в папку js. 1) Убраны все подписи, что заметно сократило объём комментариев 2) При клике на иконку с листком и ручкой происходит цитирование пользователя 3) Все комментарии полупрозрачны. При наведении на каждый комментарий он плавно подсвечивается 4) При наведении на сообщение высвечивается дата его добавления. Установка: 1) Для начала на страницах, где у Вас отображаются комментарии между и вставьте следующий код (Отвечает за плавное изменение прозрачности): Code <!-- <COMMENTS> --> <script src="/js/jquery.tooltip.js" type="text/javascript"></script> <script src="/js/opacity.js"></script> <script type="text/javascript"> fadeOpacity.addRule('oR1', .5, 1, 50); </script> <!-- </COMMENTS> --> 2) В Виде комментариев замените весь код на: Code <!-- <COMMENTS> --> <table style="opacity: 0.5;" id="fImga$ID$" onmouseover="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="20%"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="17" background="/images/1.png" height="17"> </td> <td background="/images/2.png" height="17"> </td> <td width="17" background="/images/3.png" height="17"> </td> </tr> <tr> <td width="17" background="/images/4.png"> </td> <td> <a title="Просмотреть профиль $USERNAME$" href="$PROFILE_URL$" target="blank"><img src="$USER_AVATAR_URL$" width="60px" border="0"></a><a title="$USERNAME$" href="$PROFILE_URL$"><img title="Просмотреть профиль $USERNAME$" src="/images/noavatar.png" width="60px"></a> </td> <td width="17" background="/images/5.png"> </td> </tr> <tr> <td width="17" background="/images/6.png" height="17"> </td> <td background="/images/7.png" height="17"> </td> <td width="17" background="/images/8.png" height="17"> </td> </tr> </tbody></table> </td><td width="80%" align="right"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="17" background="/images/1.png" height="17"> </td> <td background="/images/2.png" height="17"> </td> <td width="17" background="/images/3.png" height="17"> </td> </tr> <tr> <td width="17" background="/images/4.png"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="6%"> <font color="000000"><img title="Клик для цитирования $USERNAME$" href="javascript://" rel="nofollow" onclick="emoticon('[color=yellow]$USERNAME$[/color], ','message');return false;" src="/images/commentquote.png" border="0" width="60"></td><td width="94%"><div title="Добавлен: $DATE$, $TIME$">$MESSAGE$</div></font><span style="float:right;font-size:11px;font-family:Segoe UI,arial,sans-serif;">$MODER_PANEL$</span></td></tr></table> </td> <td width="17" background="/images/5.png"> </td> </tr> <tr> <td width="17" background="/images/6.png" height="17"> </td> <td background="/images/7.png" height="17"> </td> <td width="17" background="/images/8.png" height="17"> </td> </tr> </tbody></table> </td></tr></table> <!-- </COMMENTS> --> | |
| Просмотров: 391 | Загрузок: 27
| Жаловаться на материал
| Рейтинг: 5.0/7 | |
