Schimbarea imaginilor pentru rezistenta parola

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');
}

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