Файлы Скрипты и модификации

Мини-профиль для комментариев в окне

Описание:
С помощью скрипта при клике на ник, всплывает красиво оформленное окно. Окно выполнено в серых тоннах, в нем выводится информация о комментарие. Выводится такая информация: порядковый номер комментария, когда он был добавлен, кем был добавлен, аватар автора комментария, количество положительных отзывов и ссылка на профиль автора.

Установка:
1. Заходим в ПУ > Управление дизайном > Комментарии > Вид комментариев
находим там такую строчку:
Код
<a href="$PROFILE_URL$"><b>$USERNAME$</b></a>

и меняем на:
Код
<a href="javascript://" onclick="$('#webo4ka_kommentarii_$NUMBER$').fadeIn();"><b>$USERNAME$</b></a>

2. После $MESSAGE$ вставляете:

Код
<div id="webo4ka_kommentarii_$NUMBER$" style="display:none; position: absolute;"><div id="webo4ka_border"><div id="webo4ka_ramka"><div id="webo4ka_ramka2"><div id="webo4ka_ramka3"><div style="text-align:left;" id="webo4ka_polocka"><div id="webo4ka_polocka_otctypi"><div id="webo4ka_left">Пользователь $USERNAME$</div><div id="webo4ka_right"><div style="margin-left:3px;" onclick="$('#webo4ka_kommentarii_$NUMBER$').fadeOut();" id="webo4ka_okno_close"></div></div></div></div>  
<table border="0" cellspacing="1" cellpadding="0" width="98%" id="webo4ka_fon">  
<td width="10px" id="webo4ka_avatar" style="border-right:1px solid #ccc;"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" /><?else?><img src="http://webo4ka.ru/webo4ka/images/net_avatara.png" /><?endif?></td>  
<td width="300px" valign="top">  
<div id="webo4ka_profil_dannii">Комментарий от <b>$USERNAME$</b></div>  
<div id="webo4ka_profil_dannii">Это <b>$NUMBER$</b> комментарий</div>  
<div id="webo4ka_profil_dannii">Был добавлен: $DATE$ $TIME$</div>  
<div id="webo4ka_profil_dannii"><?if($COMMENT_RATING$<0)?>Отрицательных отзывов: <span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?>Отзывов: <span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?>Положительных отзывов: <span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?></div>  
<?if($ENTRY_URL$)?><div id="webo4ka_profil_dannii"><a href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Материал</a></div><?endif?>  
<div id="webo4ka_profil_dannii"><a onclick="emoticon('[i][b]$USERNAME$,[/b][/i]','message');return false;"><b onclick="$('#webo4ka_kommentarii_$NUMBER$').fadeOut();">Ответить пользователю $USERNAME$</b></a></div>  
<div id="webo4ka_procmotr_profili"><a href="$PROFILE_URL$">Просмотр профиля</a></div>  
</td></table></div></div></div></div></div></div></div>  
   

<style type="text/css">  
#webo4ka_ramka{border:1px solid #ccc;margin-bottom:5px;}  
#webo4ka_ramka2{border:2px solid #f1f1f1;}  
#webo4ka_ramka3{background:#FFF;border:1px solid #ccc;}  
#webo4ka_polocka{background:#f1f1f1 url(http://for-ucoz.my1.ru/scripts/webo4ka_polocka.gif);border-bottom:1px solid #ccc;padding:5px;font-size:12px;text-shadow:0px 1px 0px #FFF;font-weight:bold;}  
#webo4ka_polocka_otctypi{overflow:hidden;margin:0;padding:0}  
#webo4ka_left{float:left;}  
#webo4ka_right{float:right;}  
#webo4ka_okno_close{background:url(/.s/img/wd/3/tool-sprites.gif);background-position:0 0;width:15px;height:15px;cursor:pointer;}  
#webo4ka_okno_close:hover{background-position:-15px 0;}  

#webo4ka_border {padding:75px; width: 460px; padding:5px; margin:0px auto 0px auto;}  
#webo4ka_fon {margin:5px; border: 1px solid #ccc; background: #f4f4f4;}  
#webo4ka_avatar img {background:#cccccc; border:1px solid #a8a8a8; float:right;width:150px; margin:10px;padding:2px;}  
#webo4ka_profil_dannii {padding:3px; border-bottom: 1px solid #ccc; background: #f4f4f4; color: #363636; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#webo4ka_profil_dannii:hover { background: #fafafa; color: #0998d4; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
#webo4ka_procmotr_profili {background:#f3f3f3; border:1px solid #ccc; float:right; width:111px; height:15px; margin:8px; padding:5px; font-size:11px; color:#666; text-shadow:0px 1px 0px #fff; -webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}  
#webo4ka_procmotr_profili:hover {background:#fff; color:#929292; cursor:pointer}  
</style>
Источник: webo4ka.ru
Загрузка данных...
Материал «Мини-профиль для комментариев в окне» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Наш опрос
Как вы нас нашли?
640 ответов
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны