CSS Background

PusA · 13.05.2011., 16:12

pozdrav,

radim nekakav site i imam problem sa backgroundom. Najbolji primjer se nalazi ovdje

Code:

www.kamp.galeb.hr

Znači kao pozadina je dotična gradient slika sa repeat-x svojstvom. Međutim ono što ja nikako nemogu dokučiti kako se napravi da slika kada dođe do kraja vertikanlno, samo nastavi dalje. Mislim slika se ne ponavlja (repeat-y) nego nastavi kakva je i na kraju (tamno plava sa prugama). Nadam se da sam dovoljno jasan :P

Hvala unaprijed!

sinisa1989 · 13.05.2011., 16:28

Odreži ju s donje strane i nakelji ispod ove i da se ponavlja po Y osi. Ne znam jel sam te dobro shvatio, pa ako nisam ignoriraj ovo.
Ali ne kužim što želiš s tim postići. Pozadina je i ovak preko cijelog ekrana s laganim gradientom.

PusA · 13.05.2011., 20:12

Pa da dobro si shvatio. Ali to sto predlazes nije to - to. Kad to napravim vidi se crta i prijelaz, uglavnom ne valja. Pozadina na toj stranici je 650px, tako da na vecim rezolucijama ne vrijedi.
Ma nije meni sad toliko to bitno za ovaj site, ali oduvijek me to zanimalo i nikad nisam skužio

kyz0 · 13.05.2011., 20:26

Dva elementa, na gornji staviš background bez gradienta sa repeat (ne x ili y, samo repeat).

Donji element ima gradientni background određene visine i on je samo repeat-x.

Bitno je da se donji kraj elementa sa gradientom matcha sa slikom koja je u backgroundu stranice.

Evo ovo je što se tiče samog CSS-a, a ako te zanima kako namjestiti sliku da tako izgleda, onda sam ja krivo shvatio pitanje

Primjer:

html:

<body>
<div id="container">
bla bla bla
</div>
</body>

css:

body{ background:url(neki-back-bez-gradienta.jpg) repeat 0 0; }
#container{ background:url(neki-back-sa-gradientom-fiksne-visine.jpg) repeat-x 0 0; }

sinisa1989 · 13.05.2011., 22:16

Citiraj:

Bitno je da se donji kraj elementa sa gradientom matcha sa slikom koja je u backgroundu stranice.

Tako sam i ja mislio.

Samo je malo nezgodno u ovoj situaciji zbog slike.
U "normalnim" okolnostima s običnim gradientom bi to radilo.

housel · 05.07.2011., 09:27

Malo da oživim, bit će ih još sa sličnim problemom.
w3schools vam sadrži sve što vam može zatrebati. Link vodi na CSS odjeljak.

Don Giovanni · 30.08.2011., 20:11

I za sve koji se žele malo bolje upoznat s novim funkcionalnostima CSS3 : http://www.css3.info/

13.05.2011., 16:12	#1
PusA Premium Moj komp Datum registracije: Sep 2003 Lokacija: The Other side Postovi: 95	CSS Background pozdrav, radim nekakav site i imam problem sa backgroundom. Najbolji primjer se nalazi ovdje Code: www.kamp.galeb.hr Znači kao pozadina je dotična gradient slika sa repeat-x svojstvom. Međutim ono što ja nikako nemogu dokučiti kako se napravi da slika kada dođe do kraja vertikanlno, samo nastavi dalje. Mislim slika se ne ponavlja (repeat-y) nego nastavi kakva je i na kraju (tamno plava sa prugama). Nadam se da sam dovoljno jasan :P Hvala unaprijed! __________________ “There he goes. One of God's own prototypes. Some kind of high powered mutant never even considered for mass production. Too weird to live, and too rare to die.”

13.05.2011., 16:28	#2
sinisa1989 Bazinga Moj komp Datum registracije: Nov 2007 Lokacija: Križevci Postovi: 3,927	Odreži ju s donje strane i nakelji ispod ove i da se ponavlja po Y osi. Ne znam jel sam te dobro shvatio, pa ako nisam ignoriraj ovo. Ali ne kužim što želiš s tim postići. Pozadina je i ovak preko cijelog ekrana s laganim gradientom. __________________ The best place to hide a dead body is page 2 of Google search results.

13.05.2011., 20:12	#3
PusA Premium Moj komp Datum registracije: Sep 2003 Lokacija: The Other side Postovi: 95	Pa da dobro si shvatio. Ali to sto predlazes nije to - to. Kad to napravim vidi se crta i prijelaz, uglavnom ne valja. Pozadina na toj stranici je 650px, tako da na vecim rezolucijama ne vrijedi. Ma nije meni sad toliko to bitno za ovaj site, ali oduvijek me to zanimalo i nikad nisam skužio __________________ “There he goes. One of God's own prototypes. Some kind of high powered mutant never even considered for mass production. Too weird to live, and too rare to die.”

13.05.2011., 20:26	#4
kyz0 Premium Moj komp Datum registracije: Oct 2007 Lokacija: Zagreb Postovi: 347	Dva elementa, na gornji staviš background bez gradienta sa repeat (ne x ili y, samo repeat). Donji element ima gradientni background određene visine i on je samo repeat-x. Bitno je da se donji kraj elementa sa gradientom matcha sa slikom koja je u backgroundu stranice. Evo ovo je što se tiče samog CSS-a, a ako te zanima kako namjestiti sliku da tako izgleda, onda sam ja krivo shvatio pitanje Primjer: html: <body> <div id="container"> bla bla bla </div> </body> css: body{ background:url(neki-back-bez-gradienta.jpg) repeat 0 0; } #container{ background:url(neki-back-sa-gradientom-fiksne-visine.jpg) repeat-x 0 0; } Zadnje izmijenjeno od: kyz0. 13.05.2011. u 23:45.

05.07.2011., 09:27	#6
housel aka Sizif Moj komp Datum registracije: Oct 2008 Lokacija: požega Postovi: 581	Malo da oživim, bit će ih još sa sličnim problemom. w3schools vam sadrži sve što vam može zatrebati. Link vodi na CSS odjeljak. __________________

30.08.2011., 20:11	#7
Don Giovanni Registered User Datum registracije: Aug 2008 Lokacija: Zagreb Postovi: 12	I za sve koji se žele malo bolje upoznat s novim funkcionalnostima CSS3 : http://www.css3.info/

Oglasni prostor
PC Ekspert Forum Oglas

Oglasni prostor
PC Ekspert Forum Oglas