Schimbarea imaginilor pentru rezistenta parola

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Schimbarea imaginilor pentru rezistenta parola

Mesaj Scris de Luky la data de Vin 25 Feb - 20:37

Schimbarea imaginilor ptr. rezistenta parola


Codul CSS de mai jos ajuta la personalizarea a celor trei imagini care ne arata cat de puternica e parola atunci cand ne inregistram pe un forum. Aceste imagini semnifica trei lucruri priviind parola : cat e de slaba, buna sau rea. Dat fiind faptul ca de la un timp cam multa lume se ocupa cu spargerea parolelor a diferitor conturi v-as sfatui sa aveti o parola buna, una foarte buna.

Demo :
Inainte

Dupa


Pentru a pune in aplicatie acest lucru o sa lucram doar din CSS.
Panou de administrare Afisare Imagini si culori Culori Foaie de stil CSS 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_bad - Imaginea pentru parola slaba, #pwd_middle a doua imagine parola normala si #pwd_good a treia imagine parola foarte buna.

Tutorial realizat de Matei.

Numai bine,
Echipa Forumgratuit

Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.
Forumurile ce vor copia sau reproduc aceste tutoriale vor fi sterse fara preaviz!

Luky
Membru onorific
Membru onorific

masculin

Mesaje : 3556
Varsta : 28
Localizare : Bucuresti
Data de inscriere : 27/12/2007
Multumiri : 22
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum