[ maric1 @ 11.05.2005. 22:27 ] @
da dali je ovo moguce da za pozadinu bude sa ovim prelazom
pozdrav
[ Im_a_Veggie @ 11.05.2005. 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
[ maric1 @ 12.05.2005. 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
[ MileG @ 12.05.2005. 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...
[ bojan_bozovic @ 12.05.2005. 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+)
[ Im_a_Veggie @ 12.05.2005. 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 ... ;-)
[ bojan_bozovic @ 12.05.2005. 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]
[ maric1 @ 12.05.2005. 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
[ maric1 @ 13.05.2005. 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