Pasul 1: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați stilurile:
Code
/* Top utilizatori */
.informer_user_ava {width:60px}
.informer_user_nic {width:60px;font:9px Verdana,Arial,Helvetica,sans-serif;color:#929292;margin:3px 0 10px}
.tooltip_user a {text-decoration:none;color:#333}
.tooltip_user a:hover {position:relative}
.tooltip_user a span {display:none}
.tooltip_user a:hover span {z-index:999;display:block;position:absolute;text-align:left;color:#666;font-size:8pt;top:-150px;right:0;width:250px;background:#f4f5f6;border:1px solid #cdcdcd;padding:0}
.user_i, .user_ii {float:left;width:120px;margin-bottom:2px;padding:0 0 5px;background:url('http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/4_Top_utilizatori.gif') repeat-x bottom}
.user_v {border-bottom:1px solid #cdcdcd}
.user_n {border-top:1px solid #cdcdcd}
.user_c {clear:left;overflow:hidden;font:9px Verdana,Arial,Helvetica,sans-serif;color:#666;padding:5px}
.user_v_p {padding:3px 6px 0}
.user_v, .user_n {clear:left;height:25px;background:url('http://fierbinte.ucoz.ro/Forum/Diverse/Casute_Block/4_Top_utilizatori_2.gif') repeat-x top #e9e9e9;}
.user_name {float:left}
.user_full_name {float:right}
.user_full_name, .user_name {background:#f4f5f6;padding:2px 5px;font-size:10px;border-top:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
.user_ava_a {padding:3px; border:1px solid #cdcdcd;}
.user_ava_a {width:50px; height:50px; background:#fff;}
Pasul 2: Panoul de Control - Unelte - Informatori - creați un informator - [ Utilizatori · Intrări · Nr. comentariilor · Intrări: 9 · Coloane: 3 ] - în șablonul informatorului adăugați codurile:
Code
<table align="center" border="0" cellspacing="0" cellpadding="2" width="100%">
<tr><td width="33%">
<div align="center">
<div class="informer_user_ava">
<div class="tooltip_user">
<a href="javascript://" onclick="new _uWnd('Anketa uzer','CV-ul lui $USERNAME$',400,300,{min:1,shadow:1,header:1,max:1,resize:0},'<iframe src=/index/8-$USER_ID$ name=iframe frameborder=0 width=770px height=400px scrolling=no></iframe>');">
<img class="user_ava_a" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif<?endif?>">
<span>
<div class="user_v">
<div class="user_v_p">
<div class="user_name">$USERNAME$</div>
<div class="user_full_name">$FULL_NAME$</div>
</div>
</div>
<div class="user_c">
<div class="user_i">Fișiere:</div> <div class="user_ii">$LOAD_POSTS$</div>
<div class="user_i">Mesaje:</div> <div class="user_ii">$FORUM_POSTS$</div>
<div class="user_i">Reputația:</div> <div class="user_ii">$REPUTATION$</div>
<div class="user_i">Înregistrat pe:</div> <div class="user_ii">$REG_DATE$</div>
</div>
<div class="user_n">
<div class="user_v_p">
<div class="user_full_name">Comentarii: $COM_POSTS$ ( <font color="#00a604">Locul $NUMBER$</font> )</div>
</div>
</div>
</span>
</a>
</div>
</div>
</div>
</td></tr></table>
Rezultatul: