Instalare: Panoul de Control - Unelte - Informatori - creați un informator cu aceste setări:
[ Utilizatori · Intrări · Data înregistrării D · Intrări: 9 · Coloane: 3 ]
în șablonul acestui informator băgați codurile de mai jos.
Code
<div class="utop-user" align="center">
<?if($AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$AVATAR_URL$" style="border:1px solid #EAEAEA; padding:2px; width:50px; height:50px;"></a><?else?><?if($USER_LOGGED_IN$)?><img src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" style="border:1px solid #EAEAEA; padding:2px; width:50px; height:50px;"><?else?><img src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" style="border:1px solid #EAEAEA; padding:2px; width:50px; height:50px;"><?endif?><?endif?>
<a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a>
<div class="utop-number">$NUMBER$</div>
</div>
<style>/*Utilizatori noi*/
.utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}
.utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#8429e2;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.utop-user a.ut-ava img {max-width:52px; height:52px;}
.utop-user a.ut-ava {border:1px solid #DBDBDB; padding:2px; width:52px; text-align:center; display:inline-block;}
.utop-user a.ut-ava:hover {border-color:#9551fc;}</style>
codul informatorului ($MYINF_1$) adăugați-l într-o căsuță.
Rezultatul: 
