Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • 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://localhost/index

Connect with me on discord: NSOrdinary#7147


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://localhost/index

Connect with me on discord: NSOrdinary#7147


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://localhost/index

Connect with me on discord: NSOrdinary#7147


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

nauriss15
Trešdiena, 10.12.2014, 2:17:44 | Ieraksts #7
PRASTS BIEDRS
Foruma ieraksti: 10

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:
Lietotājs nav saņēmis apbalvojumus
@nauriss15 raksta .. :

Ka var uztaisīt ka fons nekustas līdzi kad ej uz leju,pimēram kā šajā mājas lapā?

Paraksta nav

Korijs
Ceturtdiena, 11.12.2014, 11:04:05 | Ieraksts #8
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 .. :

nauriss15, vari uzlikt, piemēram @CSS kaut ko šādu:

Code
  background: url(img/attels.jpg) no-repeat center center fixed;


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

uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » CMS, CSS, HTML, JAVASCRIPT, PHP, XML » Pamācības » CSS Background
  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja: plursik

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...