1. Izveidojam jaunu informeri ar šādiem parametriem: [ Users · Entries · Registration date D · Entries: 9 · Columns: 1 ]
2. Aizstājam informera doto kodu ar šo kodu:
Code
</li><div class="utop-user" align="center">
<?if($AVATAR_URL$)?><a href="$PROFILE_URL$" class="ut-ava" return=""><img src="$AVATAR_URL$" style=" padding:0px; width:60px; height:60px;"></a><?else?><?else?><a href="$PROFILE_URL$" class="ut-ava" return=""><img src="http://ucoz-script.do.am/skripti/noavatar-v2.png" style="padding:0px; width:60px; height:60px;"></a><?endif?>
<a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a>
<div class="utop-number">$NUMBER$</div>
</div>
3. Un iekš CSS ievietojam šo kodu:
Code
/* Jaunākie lietotāji */
.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;}
/*===================================*/
