lietotājvārds uz profila attēla

Lappuse 1 no 1
1

uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU SATURA PILNVEIDE » uCoz » lietotājvārds uz profila attēla (profila attēls)

Korijs

Pirmdiena, 30.09.2013, 2:33:13 | Ieraksts #1

FORUMA DIKTATORS

Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Korijs raksta .. :

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.]

Pielikumi: 5803487.png (20.8 Kb)

Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM