1. Customize design - Style sheet (CSS):
Code
/* lietotājvārds uz profila attēla @ ucozwebmeistars.ucoz.lv
------------------------------------------*/
.user-avatar-7 {
float:left;
position:relative;
width: 85px;
height: 85px;
}
.user-avatar-7 img {
width: 85px;
height: 85px;
border-radius:5px;
}
.user-avatar-7 span {
position:absolute;
bottom: 0px;
left: 0px;
width:100%;
padding: 3px 0px;
border-radius:0px 0px 5px 5px;
background: url(http://ucozwebmeistars.ucoz.lv/Pamacibas2/bildes/fon_black.png);
font:9px Verdana,Arial,Helvetica, sans-serif;
text-align:center;
color:#fff;
}
.user-avatar-7:hover span {
background:#222;
}
2. Vietā, kurā vēlamies izvadīt profila attēlu & lietotājvārdu uz tā:
Code
<div class="user-avatar-7">
<?if($USER_AVATAR_URL$)?><IMG SRC="$USER_AVATAR_URL$"><?else?>
<img alt="аватар" src="JŪSU SAITE UZ NO AVATAR ATTĒLU" />
<?endif?>
<span>$USERNAME$</span>
</div>
3. Iznākums:
[p.s.]Uzslidinot kursoru uz profila attēla - lietotājvārda fons iekrāsojas tumši pelēks, zaudējot caurspīdīgumu..[/p.s.]