Kako dodati sliko v ozadje strani?

Uporabljam DW pa me zanima kako najlažje dodamo sliko v ozadje ali background strani, da bo ta ostala za vse Browser-je enaka in vidna in se ne bo spreminjala!

Primer je tukaj: http://bibaleze.si/ (oblak)

12 odgovorov

css? Background repeat x ?

2

Dve opciji sta.

body {
background:url(images/bg.jpg) repeat x;
background-color:#333;
}

V tem primeru se ti ponavlja bg slika od leve proti desni, ne pa tudi od zgoraj proti dnu. Background color pa pobarva preostali del backgrounda.

body {
background:url(images/bg.jpg) no-repeat top center;
background-color:#333;
}

Tukaj pa je varjanta kjer uporabiš eno veliko sliko za bg, ki je locirana zgoraj na sredini, vse ostalo pa je v željeni barvi.

6

Hvala obema!

1

body {
background: url(images/background.jpg);
}

2

Živjo,

imam eno ozadje, ki je od levega in desnega roba contenta na vsako stran po 100px. Za prenostnike to štima, ne štima pa za večje ekrane..

Ne morem samo nastavit barve, kot je zgoraj, ker je moje ozadje "vzorec na vzorcu".. bom najlažje pokazal s sliko.. tukaj

Rad bi, da se tiste vodoravne črte nadaljujejo v primeru izobilja pikslov.. V PS sem že odstranil tiste bele lise, in naredil navpičen crop 1px širok.. ko poskušam vstavit v css, mi prvo ozadje overwrita in pusti samo tole drugo.. uno ozadje z lisami je center top..

Hvala za pomoč

Ali se sploh da to naredit? Bi bilo najbolje da kar v ps dodam še na vsako stran malo teh vrstic po 1px?

pomojem je najbolje, da celotno ozadje prekriješ s tisto lepenko in nato daš en container na sredino. če sem prav zastopil...

1

@mio...to je ze narejeno, tisti screen sem dal samo od tistega, kar ostane na vsako stran od containerja..

Mislim da bo slo, ce dam tisti 1px vertikalen na body in uno "lepenko" na container.. Mogoce govorima celo o isti stvari :)

hvala!

Še vedno problemi. Nisem niti prav opisal problema, bom prilepil še eno sliko SEM

In sicer, spravit bi moral v wordpress, H, C, F so heading content footer.. Poskusil sem res že čisto vse, kar vem :D

Tole osnovno stran naredim enako kot je v psd, problem se pojavi, ko se na posameznem prispevku stran raztegne naprej po y in se potem ozadje ponavlja in ne izgleda lepo.

Na body sem dal brez belega okvirja in potem določil bel okvir HCF.. Obstaja možnost, da v background dam eno sliko (ne dam repeat-y) in potem dodam še eno sliko, katero pa dam repeat-y v primeru, da je stran po y daljša? Hvala, dam za gajbo evo :D

Kako pa se lotit tega, če se slika ne ponavlja po x ali y? Kako Prilagodit sliko, da bo vsem uporabnikom pokazalo isto (gre za to sliko).