[es] - greadient za pozadinu na web da li je moguce

maric1
maric dragan

Član broj: 44931
Poruke: 595
*.ptt.yu.

Sajt: www.tag-web-design.net

Profil

greadient za pozadinu na web da li je moguce

^{11.05.2005. u 22:27}

da dali je ovo moguce da za pozadinu bude sa ovim prelazom
pozdrav

http://www.cicevac-razanj.com, http://www.opstinaparacin.info

^{11.05.2005. u 22:27}

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
217.26.75.*

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com

Profil

Re: greadient za pozadinu na web da li je moguce

^{11.05.2005. u 23:43}

u stylesheet stavi ovo:

Code:
body{
background:url(putanja/do/tvoje/slike/slika.jpg) top left repeat-x;
}

i to ti je to.
takodje ti predlazem da koristis jpeg a ne gif ili png, cisto zbog finoce prelaza.
dakle ovo gore govori browseru da kao pozadinu stranice stavlja 1 slicicu (ne bi trebalo da je veca od 10px) i ponavlja je po x osi, tj. horizontali.
kasnije u taj kod mozes dodati i boju kojom se zavrsava tvoja slicica kao boju pozadine pa da se ona koristi koliko god je stranica dugacka, ovako:

Code:
body{
background: #fff url(putanja/do/tvoje/slike/slika.jpg) top left repeat-x;
}

uzivaj

***
Dnevnik eklektika | Veg/indie/DIY dnevni zin

^{11.05.2005. u 23:43}

maric1
maric dragan

Član broj: 44931
Poruke: 595
*.ptt.yu.

Sajt: www.tag-web-design.net

Profil

Re: greadient za pozadinu na web da li je moguce

^{12.05.2005. u 00:03}

ti si ovo objasnio svaka cas ali ja sam kriv nisam naglasio da nisam toliko upucen u ovo tj veoma slabo
dakle interesuje sl sliku bi trebalo da napravi recimo u photoshopu 10x10 piksela kako jednobojnu ili sa prelazom
i gfde kasnije da stavim ovaj kod posto koristim dw u body ili
verovatno je dosadno i glupo ali pocetnik sam u ovome pa me zbunjuje i nije mi najjasnije
molio bih za pomoc
vhala veliko tebi

http://www.cicevac-razanj.com, http://www.opstinaparacin.info

^{12.05.2005. u 00:03}

MileG
Mihael Gajičić
Novi Sad

Član broj: 28981
Poruke: 902
*.nscable.net.

ICQ: 205879974

Profil

Re: greadient za pozadinu na web da li je moguce

^{12.05.2005. u 01:19}

Ako je samo obican preliv onda pravi 1*x ili x*1 pixela u zavisnosti da li je horizontalni ili vertikalni. Ono sto ocu da kazem jeste da nemas potrebe za drugom dimenzijom odnosno to 10*10 jer ce se to svakako ponavljati xyz puta niz stranicu.

<html>
<head>
<style type="text/css">
ovde stavi kod koji ti je Vegi dao
</style>
</head>
<body>
</body>
</html>

inace, potrazi nesto o css-u...

^{12.05.2005. u 01:19}

bojan_bozovic
Sir Lancelot

Član broj: 29028
Poruke: 2345
*.info-net.co.yu.

Profil

Re: greadient za pozadinu na web da li je moguce

^{12.05.2005. u 12:50}

Ne zezajte, to je moguce samo sa IE

body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='gradient.jpg');
}

gde je gradient.jpg gradijent u recimo 2X10px
Samo IE sa njegovim sasavim filtrima moze da stretch-uje sliku da 100% pada u prozor browsera.

(za IE 5.5+)

^{12.05.2005. u 12:50}

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
217.26.75.*

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com

Profil

Re: greadient za pozadinu na web da li je moguce

^{12.05.2005. u 17:00}

e izvini, nisam se dobro izrazio kada sam rekao 10 px, pritom sam mislio samo na sirinu slicice.
visina bi ti bila koliko hoces, tj. koliko hoces da gradijent bude dugacak, i onda ga samo "uparis" sa bojom pozdaine bodija da se ne vidi kraj slike (znaci boja poslednjeg pixela slicice je boja bodija), ako je prelaz (lupam) iz sive u belu, tj. iz #cccccc u #ffffff ti stavi da ti i boja bodija bude #ffffff i to je to. :-)

a ove varijante sa rastezanjem slike batali o'ma. slaba vajda od toga ... ;-)

***
Dnevnik eklektika | Veg/indie/DIY dnevni zin

^{12.05.2005. u 17:00}

bojan_bozovic
Sir Lancelot

Član broj: 29028
Poruke: 2345
*.info-net.co.yu.

Profil

Re: greadient za pozadinu na web da li je moguce

^{12.05.2005. u 18:27}

Citat:

a ove varijante sa rastezanjem slike batali o'ma. slaba vajda od toga ... ;-)

koje ce uzgred da rade sa kakvim oces gradijentom (radijalan, dijagonalan...)

[OFFTOPIC]

Mislim da world wide web konzorcijumu (W3C) fali jedno besenje za j.... :D kad im je WML i RSS vazniji od ovakvih stvari

[/OFFTOPIC]

^{12.05.2005. u 18:27}

maric1
maric dragan

Član broj: 44931
Poruke: 595
*.ptt.yu.

Sajt: www.tag-web-design.net

Profil

Re: greadient za pozadinu na web da li je moguce

^{12.05.2005. u 23:49}

ja se izvinjavam ali opet nisam uspeo napravio sam sliku 10x100 recimo i sta sada kako da je stravim kad nju stavim za becgraund dw je ponavnja na kraju svake pocinje druga
kako da odredim da samo jedna slika pa da posle toda krece pozadina tj da nastavi sa bojom zadnjeg prelaza tj zadnji piksel boje
hvala

http://www.cicevac-razanj.com, http://www.opstinaparacin.info

^{12.05.2005. u 23:49}

maric1
maric dragan

Član broj: 44931
Poruke: 595
*.ptt.yu.

Sajt: www.tag-web-design.net

Profil

Re: greadient za pozadinu na web da li je moguce

^{13.05.2005. u 00:21}

e ja se izvinjavam uspeo sam ovaj predhodni odgovor je bio zato sto radi u modu desing a ne u code tako da uz pomoc klikanje nisam uspeo ali malo sa kodom i uspelo se a kod je za taj posao bar kod mene

ovo staviti odmah ispod html aliobrisati ovaj prvi

<html>
<head>
<style type="text/css">
body{
background: #fff url(putanja do slike......) top left repeat-x;
}
</style>
</head>
<body>
</body>
</html>

paznja
u background #fff staviti boju poslednjeg piksela u slici da bi nastavio prelaz

ja ovo napisao za one kao sto sam ja neupucene dovoljno

a da naravno puno se zahvaljujem draganu veggie tj mom imenjakinju i mile g
kao i svima koji su ucestvovali u ovoj temi
pozdrav

http://www.cicevac-razanj.com, http://www.opstinaparacin.info

^{13.05.2005. u 00:21}