Tutorial : Schimbare imagini rezistenta parola .

In jos

Tutorial : Schimbare imagini rezistenta parola .

Mesaj Scris de struMf la data de Vin Iul 20, 2012 5:26 pm

Buna Ziua Vizitator ,

Intram in : Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS si adaugam :

Cod:
.pwd_img {
padding : 4px 0 3px 0;
width : 150px;
height : 14px;
line-height : 14px;
font-size : 11px;
font-weight : bold;
text-align : center;
color : #000000;
display : none;
}

#pwd_good {
background:url('linkimagine1');
}

#pwd_middle {
background:url('linkimagine2');
}

#pwd_bad {
background:url('linkimagine3');
}

Modificare:
width : 150px; - latimea imaginii;
height : 14px; - inaltimea imaginii;
line-height : 14px; - inaltimea linii in care se afiseaza textul, daca scrieti un numar mai mare textul coboara iar un numar mai mic textul urca;
font-size : 11px; - marimea fontului;
font-weight : bold; - stilul fontului ( boldat, italic, subliniat etc. );
text-align : center; - pozitia textului ( dreapta, centrat, stanga );
color : #000000; - culoarea textului.

#pwd_good - Imaginea pentru parola slaba, #pwd_middle a doua imagine "parola normala" si #pwd_bad a treia imagine " parola foarte buna " .


Tutorial realizat de struMf !
Reproducerea si / sau copierea acestui tutorial nu este permisa fara acordul postatorului .







Like a Star @ heaven Absent timp de 20 de zile . Like a Star @ heaven
avatar
struMf
Membru Coding-Help

Numarul Mesajelor : 224
Reputatie de puncte : 478
Inscris din : 19/07/2012
Varsta : 23
Localizare : Constanta .

Vezi profilul utilizatorului http://coding-help.forumz.ro/

Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum