Скачать книгу

Форма входа

Наш опрос
Удобное меню на сайте?
Результаты · Архив опросов
Всего ответов: 30
Статистика

Яндекс.Метрика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2011 » Март » 12 » Красивый вид комментариев для ucoz
00:55

Красивый вид комментариев для ucoz


 
1) Убраны все подписи, что заметно сократило объём комментариев
2) При клике на икноку с листком и ручкой происходит цитирование пользователя
3) Все комментарии полупрозрачны. При наведении на каждый комментарий он плавно подсвечивается
4) При наведении на сообщение высвечивается дата его добавления.

Установка:

1) Для начала на страницах, где у вас отображаются комментарии между head и /head вставьте следующий код (Отвечает за плавное изменение прозрачности):

Code
<script src="http://apocalypse.ucoz.kz/js/jquery.tooltip.js" type="text/javascript"></script>
'ie')?>
<script src="http://apocalypse.ucoz.kz/js/opacity.js"></script>
<script type="text/javascript">
fadeOpacity.addRule('oR1', .5, 1, 50);
</script>
Скопировать данный код

2) В Виде комментариев замените весь код на:
Code
<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="http://apocalypse.ucoz.kz/border/1.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/border/2.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/3.png" height="17">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/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="http://apocalypse.ucoz.kz/images/noavatar.png" width="60px">

</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/5.png">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/6.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/border/7.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/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="http://apocalypse.ucoz.kz/border/1.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/border/2.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/3.png" height="17">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/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('$USERNAME$, ','message');return false;" src="http://apocalypse.ucoz.kz/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:Arial,sans-serif;">$MODER_PANEL$</span></td></tr></table>

</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/5.png">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/border/6.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/border/7.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/border/8.png" height="17">
</td>
</tr>
</tbody></table>

</td></tr></table>
Просмотров: 1897 | Добавил: gipervovanishe | Теги: красивый вид комментариев для ucoz | Рейтинг: 0.0/0
Маршала В.А. © 2025

$