Всё для веб-мастера! Пятница, 22.11.2024, 01:03
Приветствую Вас Гость | RSS
Главная | | Регистрация | Вход
» Форма входа

» Категории
Новости [24]
Скрипты uCoz [185]
JavaScript's [34]
PHP Скрипты [0]
Графика [14]
Шаблоны [27]
Авторство Scripts-net.ru [7]

» Мини-чат

Главная » 2011 » Июль » 27 » Красивый вид комментариев
16:48
Красивый вид комментариев
Вам надо только загрузить исходники в корень сайта: картинки в папку images, а js файлы соответственно в папку js.
Установка:

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">  

</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> -->
Категория: Скрипты uCoz | Просмотров: 552 | Добавил: Jaguar | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
» Опросы
http://scripts-net.ru/raznoe/opros.png
Вы к нам вернётесь?
Всего ответов: 56

» Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0



Все права на скрипты и программы принадлежат их создателям © 2024
Конструктор сайтов - uCoz