In acest mic tutorial o sa va ofer codurile necesare si sa va explic cum puteti schimba cele trei imagini pentru rezistenta parolei cand v-a inregistrati pe un forum.
O sa lucram doar din CSS,
Panou de administrare - Afisare - Imagini si culori - Culori - CSS Stylesheet si copiati codul de mai jos :
- 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');
}
Explicatie si ghid de folosire :
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".