Backgrounda kodējums css failā norāda ar vārdu body.
1. Jāievada šāds kodiņš.
- Kods:
-
body { }
2. jāievieto background fona krāsas gods iekš iekavām {}.
- Kods:
-
background: #000000
*Šajā gadījumā fons tiks attēlots melnā krāsā.
3. Lai ievietotu fona attēlu Jums aiz krāsas koda jāievieto no sākuma semikols ;
Tad nākošajā rindā jāievada sekojošais.
- Kods:
-
background-image: url("links uz tavu bildi");
Tad fonā būs tava izvēlētā bilde, kura atkārtosies pa x un y asi.
4. Tālāk par attēla atkārtošanos.
Ja negribam lai bilde vispār atkārtotos tad ievadam sekojošo.
- Kods:
-
background-repeat: no-repeat;
Ja vēlamies lai attēls atkārtotos tikai pa x asi jāievada no-repeat vietā šis.
- Kods:
-
background-repeat: repeat-x
Bet ja vēlamies lai attēls atkārtotos y asī tad x vietā jāliek y.
Lai attēlotos attēls gan x un y asī, jaīeraksta tikai repeat.
5. Par attēla kustību.
Lai attēls nekustētos ir jāievada atkal šāds kods.
- Kods:
-
Background-attachment: fixed
Lai attēls kustētu līdzi lapas saturam vārda vietā fixed jāliek "scroll"
6. Attēla pozīcijas.
Lapas attēla pozicionizēšanās izmanto tādus kodus kā cm, gan % gan norāda ar vārdiem (*tikai angliski). Ja šos kodus neievada. tad vienmēr attēls sāk savu aatēlošanos no kreisās aukšējās malas.
CM kods
- Kods:
-
background-position: 2cm 2cm
% kods
- Kods:
-
background-position: 50% 25%
Kpds ar vārdiem
- Kods:
-
background-position: right bottom;
Kodam kopumā vaidzētu izskatīties šādi
- Kods:
-
body {
background-color: #000000;
background-image: url("links uz tavu bildi");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
Avots:
http://ucozwebmeistars.ucoz.lv/forum/90-1810-1