Søg
Avatar billede akki Nybegynder
17. juni 2003 - 11:13 Der er 4 kommentarer og
1 løsning

farve overgang i baggrund

Hey.

Jeg har set på nogle forskellige hjemmeside( har desværre ikke lavet et bookmark af siden) hvorder lig som om er 2 forskellige farver som baggrund, de ligesom fader over i hinanden, feks fra en meget mørk, over til en noget lysere side.

er der nogen der ved hvordan man laver dette.
Avatar billede nikolajdu Nybegynder
17. juni 2003 - 11:19 #1
1. Du kan lave det ved at lndsætte et 1*bredde_paa_siden baggrundsbillede med en overgang i. Nemt at lave i f.eks photoshop.

2. Hvis siden kun skal virke i IE kan du bruge den her :

<style>
.body { FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff0000,endColorStr=#000000);    }
</style>
Avatar billede nikolajdu Nybegynder
17. juni 2003 - 11:20 #2
Skal lige være BODY uden punktum foran.

<style>
body { FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff0000,endColorStr=#000000);    }
</style>

/Nikolaj
Avatar billede kimblim Nybegynder
17. juni 2003 - 11:25 #3
Det kan også gøres med stylesheets så det virker i alle browsere..

lav et bg-billede med selve farveovergangen, kald det "fade.gif", indsæt derefter i <head> følgende:

<style type="text/css">

body{background-image:url(fade.gif);background-repeat:repeat-x;background-color:BAGGRUNDSFARVEN SOM DEN SKAL FADE TIL I HEX;}

</style>

dette burde virke..
Avatar billede akki Nybegynder
17. juni 2003 - 11:35 #4
Til nikolajdu.

Det ser ud til at virke.. sådan.. fade overgangen sker dog horisontalt og ikke vertikalt.

findes der et sted man kan læse om dette...
Avatar billede nikolajdu Nybegynder
17. juni 2003 - 11:37 #5
gradientType=2  er hemmeligheden.

Eller første løsning bliver så til : 1*højde_paa_siden baggrundsbillede
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
White papers
Flere white papers »