CSS Background - uWM // FORUMS

Lappuse 1 no 1
1

uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » CMS, CSS, HTML, JAVASCRIPT, PHP, XML » Pamācības » CSS Background

CSS Background

Marks

Svētdiena, 04.12.2011, 8:07:14 | Ieraksts #1

VECĀ MIESA

Foruma ieraksti: 1472

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Marks raksta .. :

īsa pamācība kā veidot CSS background failiņu. B)

Backgrounda kodējums css failā norāda ar vārdu body.
1. Jāievada šāds kodiņš.

Code

body { }

2. jāievieto background fona krāsas gods iekš iekavām {}.

Code

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.

Code

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.

Code

background-repeat: no-repeat;

Ja vēlamies lai attēls atkārtotos tikai pa x asi jāievada no-repeat vietā šis.

Code

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.

Code

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

Code

background-position: 2cm 2cm

% kods

Code

background-position: 50% 25%

Kpds ar vārdiem

Code

background-position: right bottom;

Kodam kopumā vaidzētu izskatīties šādi

Code

body {
             background-color: #000000;
             background-image: url("links uz tavu bildi");
             background-repeat: no-repeat;
             background-attachment: fixed;
             background-position: right bottom;
         }

Nu ceru ka noderēja.
ja nenoslinkosu, drīzumā ceru izveidot texta css pamācību. ^_^ ^_^ ^_^

http://myvinyldecal.shop/

Connect with me on discord: Marcis Kols

homerss

Pirmdiena, 12.12.2011, 9:46:19 | Ieraksts #2

PRASTS BIEDRS

Foruma ieraksti: 115

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@homerss raksta .. :

Sis nodereja Paldies! ;) :)

Marks

Pirmdiena, 12.12.2011, 11:57:07 | Ieraksts #3

VECĀ MIESA

Foruma ieraksti: 1472

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Marks raksta .. :

Prieks

http://myvinyldecal.shop/

Connect with me on discord: Marcis Kols

DalVeR

Sestdiena, 04.10.2014, 10:01:56 | Ieraksts #4

VECĀ MIESA

Foruma ieraksti: 251

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@DalVeR raksta .. :

Noderīga lieta! Visadi nevarēju uzlikt lai nofikšejas bg ar sa palidzibu sanāca!

+1 rep.

Neesi skops iedo +1 reputāciju

Marks

Trešdiena, 08.10.2014, 12:02:19 | Ieraksts #5

VECĀ MIESA

Foruma ieraksti: 1472

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Marks raksta .. :

vēl vecāku tēmu nevarēji pacelt?

http://myvinyldecal.shop/

Connect with me on discord: Marcis Kols

Korijs

Otrdiena, 14.10.2014, 11:33:12 | Ieraksts #6

FORUMA DIKTATORS

Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Korijs raksta .. :

Marks, Marks, uzrādi man noteikumu punktu, kurš aizliedz ierakstīties vecās tēmās vai sēdi mierā :)

Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM