Luksus
Laipni lūdzu forumā "Luksus"
Lūdzu REĢISTRĒJIES vai IELOGOJIES!
Luksus
Laipni lūdzu forumā "Luksus"
Lūdzu REĢISTRĒJIES vai IELOGOJIES!
Luksus
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Luksus

Daudzas lietas kas varētu interesēt daudzus.
 
SatursPortalGalleryLatest imagesMeklētReģistrētiesIeiet

 

 CSS Kā veidot background failiņu.

Go down 
AutorsZiņojums
Admin
Admin
Admin


Number of posts : 262
Join date : 08.03.12
Age : 62
Dzīvesvieta : Talsi

CSS Kā veidot background failiņu. Empty
PostTēma: CSS Kā veidot background failiņu.   CSS Kā veidot background failiņu. Icon_minitimePiektdiena Novembris 16, 2012 6:34 am

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

Atpakaļ uz augšu Go down
https://luksus.latvianforum.net
 
CSS Kā veidot background failiņu.
Atpakaļ uz augšu 
Lapa 1 no 1

Permissions in this forum:Jūs nevarat atbildēt tematos šajā forumā
Luksus :: Materiāli :: Pamācības-
Pāriet uz: