Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Data/ora curentă este: Vin Apr 26, 2024 5:23 pm

1 rezultat gasit pentru pwd_bad

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

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



Tutorial realizat de Luky, actualizat de catre Petronel
Numai bine,
Echipa Forumgratuit
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: 4743

Sus

Mergi direct la: