Gå til innhold

Hvordan lager man fin skygge bak en ting?


Anbefalte innlegg

Hei, holder på å lage meg en ny hjemmeside nå og prøver å få til en fin overgang fra den hvite boksen i midten til den mørke bakgrunnen. Jeg har sett mange bruker sånne fine skygger, hvordan lager man disse?

 

Noe ala effekten daniel forsbakk har fått til her:

http://www.danielforsbakk.com/

 

...eller som "Eple" har fått til her:

http://epleweb.com/

 

Jeg bruker Adobe Photoshop CS2

Lenke til kommentar
Videoannonse
Annonse
Hei, holder på å lage meg en ny hjemmeside nå og prøver å få til en fin overgang fra den hvite boksen i midten til den mørke bakgrunnen. Jeg har sett mange bruker sånne fine skygger, hvordan lager man disse?

 

Noe ala effekten daniel forsbakk har fått til her:

http://www.danielforsbakk.com/

 

...eller som "Eple" har fått til her:

http://epleweb.com/

 

Jeg bruker Adobe Photoshop CS2

7126556[/snapback]

 

Hey.

Hvis du høyreklikker på bakgrunnen i eksempel-linken og trykker "vis kilde" får du opp html teksten. Der ser du noe med "border". Hvilket program bruker du til Web-siden?

Eventuelt kan du legge på rammen i PSCS2...

Lenke til kommentar

Hei, mulig du misforstod meg, tenkte du på daniel sin hjemmeside? For jeg mener skyggen/overgangen han har laget, denne:

 

topgradient.jpg

 

Hvordan kan jeg lage noe lignnede?

 

Jeg skulle hatt en lignende effekt på denne overgangen:

 

 

 

Hvis noen har bry til å lage et eksempel for meg så hadde jeg blitt lykkelig :)

 

Men har dere noen tutorialer eller noe lignende?

Lenke til kommentar

Om du skal gjera det i CSS, må du bruka små bilete for å laga kant-skuggar. Du kan ikkje i den CSS-versjonen me hev no laga slike flotte skuggar. Du må laga det som bilete, og bruka CSS for å byta ut biletet.

 

t.d. taggen

 

<h1><a href="/">Min fine overskrift</a></h1>

 

Så kan du byta ut teksten med bilete i css:

 

h1 a {
 display: block;
 text-indent: -9000px;
 background-image: url('teksten-med-skugge.png');
 height: 50px;
 width: 400px;
}

 

Enkelt og greitt! Det er mellom anna gjort på http://velmont.net/xhtml/

Endret av Velmont
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...