Hur gör man gradient bakgrund på hemsida?

Tråden skapades och har fått 6 svar. Det senaste inlägget skrevs .
1

Hur gör man gradient bakgrund på hemsida? Helst då i GoLive CS2

Med en repeterande bakgrundsbild som du gjort i t.ex. Photoshop

  • Medlem
  • Karlstad
  • 2006-01-24 08:56
Ursprungligen av tobiwan:

Med en repeterande bakgrundsbild som du gjort i t.ex. Photoshop

Ehhh....jo, i och för sig.
Men jag tror Stefan vill ha en lite mer utförlig beskrivning:

Om den ska tona vertikalt (från toppen och neråt) så gör du toningen i t.ex. Photoshop. Bredd ca 10 px och höjd efter tycke o smak, men ca 300-400 px är väl lagom. Spara som jpg med högsta möjliga kvalité annars kommer toningen att se ut som ränder.

Sen tar du reda på vad den absolut sista (nedersta) pixelraden i bilden har för färg, dvs dess hexvärde (t.ex. #00ff99) eftersom du ska ha den färgen som sidans bakgrundsfärg.

Sista steget är att lägga in bilden och bakgrundsfärgen på sidan, och då måste du använda CSS (Cascading Style Sheet). Vet inte hur GoLive funkar, men det enklaste kanske är att du tar koden nedan, klistrar in nånstans mellan <head> och </head> i ditt dokument och ändrar till de värden som gäller.

<style type="text/css">
body { background: #00FF99 url(./bilder/bakgrundsbild.jpg) repeat-x top;
margin: 0px;}
</style>

Byt ut #00FF99 mot den färg som bildens sista(nedersta) pixelrad har
Byt ut ../bilder/bakgrundsbild.jpg mot rätt path och filnamn.

Använder man Fireworks kan man slå på några stegs "smoothing" i JPEG-exporten för att få en jämnare och mjukare toning, utan att behöva köra på maximal kvalite (vilket sparar några kB).

Okej, tack. Och om man vill ha bakgrundsbilden bara i en Div (layer), hur gör man då?

Hmm, i min PC-laptop blir det randigt hur man än gör. Både i IE och i Firefox.
I min iMac ser det bra ut.
Även i min gamla iBook ser det bra ut.

Hur får man det att se jämnt ut i Windows?

  • Medlem
  • Stockholm
  • 2007-06-10 15:31

Är Windows-datorn inställd på att visa maximalt antal färger?

1
Bevaka tråden