Home Internet Sa invatam un pic de css

Sa invatam un pic de css

3 min read
2
0
100

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.

  • Fara articole in week-end

    Pe majoritatea blogurilor vad ca nu se prea posteaza in week-end.Lumea e ocupata cu diferi…
  • Esenta unui articol.

    Cum ar trebuii sa fie articolul sau articolele din blogul pe care il ai? Sunt multe blogur…
Load More Related Articles
Load More By Bucur
Load More In Internet

2 Comments

  1. Robi09

    mai 31, 2011 at 15:54

    Pentru a pune background pe „tot site-ul” codul se aplica pe body { … } 😉

  2. Intrebari si raspunsuri

    mai 31, 2011 at 18:28

    urat articol, nu imi place css :))

Check Also

De ce site-ul tau trebuie sa fie optimizat pentru telefoanele mobile

Iti aduci aminte cand ai folosit ultima data smartphone-ul? Sigur ca poti! Asta se intampl…