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

<a href="$PROFILE_URL$"><b>$USERNAME$</b></a>

<a href="javascript://" onclick="$('#webo4ka_kommentarii_$NUMBER$').fadeIn();"><b>$USERNAME$</b></a>

<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://webo4ka.ru/Ucoz4/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>