Sa invatam un pic de css

Impreuna.Nu ma consider vreun specialist sau vreun fumurat atotcunoscator.De aceea vreau sa invatam cum sa facem la tema pe care o avem la partea de bakground.Pentru a stabili o culoare puteti incerca acest cod generator de culori.

background: #ffffff url(calea_catre_imagine) top left no-repeat fixed;

Valori: attachment; color; image; position; repeat….

Fie se seteaza fundalul precum e modelul de mai sus, fie separat….cum voi incerca sa va specific mai jos.

Atasament fundal

Daca folositi o imagine ca fundal, puteti specifica daca…
fundalul se misca o data cu pagina (la scroll vertical) sau este fix cu ajutorul proprietatii “background-attachment”. background-attachment: valoare;
Valori: fixed sau scroll

Culoarea fundalului

Proprietatea “background-color” specifica culoarea fundalului: background-color: valoare; sau background-color: black;
Valori:color name; hexadecimal number; RGB color code sau transparent

Imaginea de fundal

Se poate seta o magine ca fundal al unui element, cu proprietatea “background-image”, dupa ex. background-image: url(calea_catre_imagine); background-image: url(image.gif);
Valori: url sau none

Pozitia fundalului

Imaginea folosita cu rol de fundal se poate pozitiona cu ajutorul proprietatii background-position. Ex:
background-position: valoare;
Valorile posibile sunt: top left; top center; top right; center left;center center; center right; bottom left; bottom center; bottom right; x-% y-%;x-pos y-pos

Repetarea fundalului

Se poate face ca imaginea folosita la fundal sa se repete pe axa x sau pe axa ya ecranului folosind proprietatea “background-repeat”.
background-repeat: valoare; background-repeat: repeat-y
Valori: no-repeat; repeat; repeat-x; repeat-y

 

Sper ca ati inteles ceva,ca si exemplu la tema asta eu am folosit urmatorul cod:  background: url(images/A.png)top left no-repeat fixed;

Adica poza pe care am puso in spatele temei nu se misca ci doar continutul. temei.

2 thoughts on “Sa invatam un pic de css

Comments are closed.