Data/ora curentă este: Vin Mar 29, 2024 9:15 am

25 rezultate gasite pentru 000000

Schimbarea imaginilor pentru rezistenta parola

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
Tag 000000 pe Forum gratuit: forum de suport al utilizatorilor - Pagina 3 Inaint10
Dupa
Tag 000000 pe Forum gratuit: forum de suport al utilizatorilor - Pagina 3 Dupa10

Pentru a pune in aplicatie acest lucru o sa lucram doar din CSS.
Tag 000000 pe Forum gratuit: forum de suport al utilizatorilor - Pagina 3 Go-jum10Panou de administrare Tag 000000 pe Forum gratuit: forum de suport al utilizatorilor - Pagina 3 Arrow10 Afisare Tag 000000 pe Forum gratuit: forum de suport al utilizatorilor - Pagina 3 Arrow10 Tag 000000 pe Forum gratuit: forum de suport al utilizatorilor - Pagina 3 Images_couleurs Imagini si culori Tag 000000 pe Forum gratuit: forum de suport al utilizatorilor - Pagina 3 Arrow10 Culori Tag 000000 pe Forum gratuit: forum de suport al utilizatorilor - Pagina 3 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.


Scris de Luky
la data de Vin Feb 25, 2011 8:37 pm
 
Cauta in: Tutoriale
Subiect: Schimbarea imaginilor pentru rezistenta parola
Raspunsuri: 0
Vizualizari: 4731

Sus

Pagina 3 din 3 Înapoi  1, 2, 3

Mergi direct la: