[Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивый вид комментариев для ucoz
AdministratorДата: Суббота, 06.11.2010, 13:25 | Сообщение # 1
Генералиссимус
Группа: Администраторы

Сообщений: 82
Награды: 2
Репутация: 0
Offline

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

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

Code
<script src="http://for-u.do.am/js/jquery.tooltip.js" type="text/javascript"></script>  
<?if($USER_AGENT$='ie')?><?else?>  
<script src="http://for-u.do.am/js/opacity.js"></script>  
<script type="text/javascript">  
fadeOpacity.addRule('oR1', .5, 1, 50);  
</script><?endif?>

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://for-u.do.am/icon/1.png" height="17">  
  </td>  
  <td background="http://for-u.do.am/icon/2.png" height="17">  
  </td>  
  <td width="17" background="http://for-u.do.am/icon/3.png" height="17">  
  </td>  
  </tr>  
  <tr>  
  <td width="17" background="http://for-u.do.am/icon/4.png">  
  </td>  
  <td>  

<?if($USER_AVATAR_URL$)?><a title="Просмотреть профиль $USERNAME$" href="$PROFILE_URL$" target="blank"><img src="$USER_AVATAR_URL$" width="60px" border="0"></a><?else?><a title="$USERNAME$" href="$PROFILE_URL$"><img title="Просмотреть профиль $USERNAME$" src="http://for-u.do.am/icon/noavatar.png" width="60px"><?endif?>  

</td>  
  <td width="17" background="http://for-u.do.am/icon/5.png">  
  </td>  
  </tr>  
  <tr>  
  <td width="17" background="http://for-u.do.am/icon/6.png" height="17">  
  </td>  
  <td background="http://for-u.do.am/icon/7.png" height="17">  
  </td>  
  <td width="17" background="http://for-u.do.am/icon/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://for-u.do.am/icon/b1.png" height="17">  
  </td>  
  <td background="http://for-u.do.am/icon/b2.png" height="17">  
  </td>  
  <td width="17" background="http://for-u.do.am/icon/b3.png" height="17">  
  </td>  
  </tr>  
  <tr>  
  <td width="17" background="http://for-u.do.am/icon/b4.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=green]$USERNAME$[/color], ','message');return false;" src="http://for-u.do.am/icon/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://for-u.do.am/icon/b5.png">  
  </td>  
  </tr>  
  <tr>  
  <td width="17" background="http://for-u.do.am/icon/b6.png" height="17">  
  </td>  
  <td background="http://for-u.do.am/icon/b7.png" height="17">  
  </td>  
  <td width="17" background="http://for-u.do.am/icon/b8.png" height="17">  
  </td>  
  </tr>  
  </tbody></table>  

</td></tr></table>

ПРИМЕР

 
  • Страница 1 из 1
  • 1
Поиск: