Home Internet Sa invatam un pic de css

Sa invatam un pic de css

3 min read
2
0
67

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
  • Ce reprezintă educația sexuală?

    Ca și definiție traditională se poate spune că educația sexuală este o instrucție a unor p…
  • Lant lung argint

    Atunci cand vrem sa oferim cuiva un cadou deosebit sau sa ne cumparam pentru noi o bijuter…
  • Drujba Micul Padurar

    Intr-o gospodarie apar mereu probleme neprevazute si se gaseste mereu cate o sarcina care …
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

Istoria clatitelor, de la Epoca de Piatra, la tehnologia moderna

Oricat ar parea de ciudat, istoricii sustin ca este foarte probabil ca stramosii oamenilor…