Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Schimbarea imaginilor pentru rezistenta parola

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Schimbarea imaginilor pentru rezistenta parola

Mesaj Scris de Luky Vin Feb 25, 2011 8:37 pm

Schimbarea imaginilor pentru 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
Schimbarea imaginilor pentru rezistenta parola Inaint10
Dupa
Schimbarea imaginilor pentru rezistenta parola Dupa10

Pentru a pune in aplicatie acest lucru o sa lucram doar din CSS.
Schimbarea imaginilor pentru rezistenta parola Go-jum10Panou de administrare Schimbarea imaginilor pentru rezistenta parola Arrow10 Afisare Schimbarea imaginilor pentru rezistenta parola Arrow10 Schimbarea imaginilor pentru rezistenta parola Images_couleurs Imagini si culori Schimbarea imaginilor pentru rezistenta parola Arrow10 Culori Schimbarea imaginilor pentru rezistenta parola Arrow10 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.

Luky

Luky
Membru onorific
Membru onorific

Mesaje : 3467
Varsta : 35
Localizare : Bucuresti
Data înscrierii : 27/12/2007
Mulțumiri : 25
Internet Explorer phpBB3

Luky a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum