Ps-design

Пара строк о сайте

Сайт "Ps-design" создан для тех, кто интересуется вопросами графического дизайна и видеомонтажа. Здесь вы найдете образцы современного фотоискусства, графики, материалы для создания статических и анимированных изображений, разнообразных фото- и видеопроектов, оформления веб-страниц сайтов, а также видеокурсы, уроки и другие обучающие материалы , которые помогут вам освоить азы графического дизайна или повысить уровень своего мастерства в нем.

От администрации сайта

Все материалы на данном сайте предназначены исключительно для ознакомления без целей коммерческого использования. Все права на публикуемые аудио, видео, графические и текстовые материалы принадлежат их владельцам. Администрация не несёт ответсвенности за материалы, размещённые на этом ресурсе, и их использование. Если Вы считаете, что какой-либо из материалов нарушает Ваши права, свяжитесь с Администрацией

Главная » Файлы » Скрипты

Оригинальный вид комментариев для сайтов uCOZ

Оригинальный вид комментариев

Что здесь нового и оригинального:

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

Как ставить:

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

Code

<---! Comments --->
<script src="http://ps-design.ucoz.ru/Coments/Comments.js" type="text/javascript"></script>
<?if($USER_AGENT$='ie')?><?else?>
<script src="http://ps-design.ucoz.ru/Coments/Comments_2.js"></script>
<script type="text/javascript">
fadeOpacity.addRule('oR1', .5, 1, 50);
</script>
<?endif?>
<---/ Comments --->

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://ps-design.ucoz.ru/Coments/border/1.png" height="17">
  </td>
  <td background="http://apocalypse.ucoz.kz/border/2.png" height="17">
  </td>
  <td width="17" background="http://ps-design.ucoz.ru/Coments/border/3.png" height="17">
  </td>
  </tr>
  <tr>
  <td width="17" background="http://ps-design.ucoz.ru/Coments/border/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://ps-design.ucoz.ru/Coments/border/noavatar.png" width="60px"><?endif?>

</td>
  <td width="17" background="http://ps-design.ucoz.ru/Coments/border/5.png">
  </td>
  </tr>
  <tr>
  <td width="17" background="http://ps-design.ucoz.ru/Coments/border/6.png" height="17">
  </td>
  <td background="http://ps-design.ucoz.ru/Coments/border/7.png" height="17">
  </td>
  <td width="17" background="http://ps-design.ucoz.ru/Coments/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://ps-design.ucoz.ru/Coments/border/1.png" height="17">
  </td>
  <td background="http://ps-design.ucoz.ru/Coments/border/2.png" height="17">
  </td>
  <td width="17" background="http://ps-design.ucoz.ru/Coments/border/3.png" height="17">
  </td>
  </tr>
  <tr>
  <td width="17" background="http://ps-design.ucoz.ru/Coments/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('[color=yellow]$USERNAME$[/color], ','message');return false;" src="http://ps-design.ucoz.ru/Coments/border/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://ps-design.ucoz.ru/Coments/border/5.png">
  </td>
  </tr>
  <tr>
  <td width="17" background="http://ps-design.ucoz.ru/Coments/border/6.png" height="17">
  </td>
  <td background="http://ps-design.ucoz.ru/Coments/border/7.png" height="17">
  </td>
  <td width="17" background="http://ps-design.ucoz.ru/Coments/border/8.png" height="17">
  </td>
  </tr>
  </tbody></table>

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

У Вас должно получиться то, что Вы видите на этой странице ниже

Второй способ установки без багов (прогрессивный по принципу: "Всё своё-ношу с собой")

1) Для этого Вам надо создать в Файловом менеджере (ФМ) папку Coments и загрузить в неё следующий архив, не нарушая порядка. Скачать архив можно ниже.

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

Code

<---! Comments --->
<script src="http:/Coments/Comments.js" type="text/javascript"></script>
<?if($USER_AGENT$='ie')?><?else?>
<script src="http:/Coments/Comments_2.js"></script>
<script type="text/javascript">
fadeOpacity.addRule('oR1', .5, 1, 50);
</script>
<?endif?>
<---/ Comments --->

3) Потом заходим в "Управление дизайном" - "Комментарии" - "Вид комментариев"
В Виде комментариев убираем всё и ставим это:

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:/Coments/border/1.png" height="17">
  </td>
  <td background="http:/Coments/border/2.png" height="17">
  </td>
  <td width="17" background="http:/Coments/border/3.png" height="17">
  </td>
  </tr>
  <tr>
  <td width="17" background="http:/Coments/border/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:/Coments/border/noavatar.png" width="60px"><?endif?>

  </td>
  <td width="17" background="http:/Coments/border/5.png">
  </td>
  </tr>
  <tr>
  <td width="17" background="http:/Coments/border/6.png" height="17">
  </td>
  <td background="http:/Coments/border/7.png" height="17">
  </td>
  <td width="17" background="http:/Coments/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:/Coments/border/1.png" height="17">
  </td>
  <td background="http:/Coments/border/2.png" height="17">
  </td>
  <td width="17" background="http:/Coments/border/3.png" height="17">
  </td>
  </tr>
  <tr>
  <td width="17" background="http:/Coments/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('[color=yellow]$USERNAME$[/color], ','message');return false;" src="http:/Coments/border/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:/Coments/border/5.png">
  </td>
  </tr>
  <tr>
  <td width="17" background="http:/Coments/border/6.png" height="17">
  </td>
  <td background="http:/Coments/border/7.png" height="17">
  </td>
  <td width="17" background="http:/Coments/border/8.png" height="17">
  </td>
  </tr>
  </tbody></table>

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

... у Вас должно получится тоже самое, что и при первом варианте установки - только без ссылок на сторонний ресурс.

Скачивать могут только зарегистрированные пользователи