Oprettet man. d. 06. august 2007 kl. 14:45:35

feliz
feliz (15.052 point. Point ude: 75)

Hjemmeside med gradient som baggrund

Hej
Jeg er igang med at lave en hjemmeside. Jeg har valgt at baggrunden på siden skal være en gradient, men hvordan kan jeg få den til at passe til flere opløsninger?
Lige et billede af designet: http://peecee.dk/ (...)

På forhånd tak
Felix

Skrevet man. d. 06. august 2007 kl. 14:48:06| #1

feliz
feliz (15.052 point)
http://peecee.dk/ (...)
Her er det i en anden version
Kan det lade sig gøre at få teksten i bunden til at fade? og kan det lade sig gøre at lave en scroll bar der ser sådan ud?

Skrevet man. d. 06. august 2007 kl. 15:21:08| #2

w13
w13 (109.551 point)
www.2biaz.dk
Er der tale om en horizontal gradient?
Sætter du den med css? Brug:
  background:#c0c0c0 url('billedadresse.bmp') no-repeat;
#c0c0c0 skal så bare være den nederste farve i gradientbilledet.

At få teksten til at fade, kan du ikke lave. Muligvis hvis du lavede det hele i Flash, men det er jo lidt voldsomt bare for det. Scroll-baren kunne muligvis laves med noget JavaScript.

Skrevet man. d. 06. august 2007 kl. 15:24:01| #3

feliz
feliz (15.052 point)
Okay. Tak
Det CSS du har skrevet, skal jeg bare sætte det ind et sted i body'en?

Skrevet man. d. 06. august 2007 kl. 15:53:05| #4

feliz
feliz (15.052 point)
Altså gradienten er lodret, så den ændre farve lodret nedad og har den samme farve vandret. Jeg gør også det at jeg laver den gradient 1 px bred, så det ikke fylder så meget. Hvordan kan jeg så sørge for at den gentager sig vandret og ikke lodret?

Skrevet man. d. 06. august 2007 kl. 16:11:16| #5


Skrevet man. d. 06. august 2007 kl. 16:58:49| #6

w13
w13 (109.551 point)
www.2biaz.dk
Ah ja, der var jeg lidt for hurtig. Naturligvis skal den sættes til repeat-x.

Og ja, du kan sætte den på dit body-tag:
<body style="background:#c0c0c0 url('billedadresse.bmp') no-repeat;">

Du kan også, nok mere hensigtsmæssigt, sætte den ind i en StyleSheet-blok:

<style type="text/css">body { background:#c0c0c0 url('billedadresse.bmp') no-repeat;"> }</style>

Du kan også include et eksternt CSS-dokument:
<link rel="stylesheet" type="text/css" media="screen" href="stylesheet/screen.css">

Skrevet man. d. 06. august 2007 kl. 22:51:36| #7

feliz
feliz (15.052 point)
Mange tak w13, også roenving for den sags skyld.
w13 smider du ikke lige et svar, så du kan få point?

Skrevet tir. d. 07. august 2007 kl. 00:50:02| #8

w13
w13 (109.551 point)
www.2biaz.dk
Jep, kommer her! Grib!

Skrevet tir. d. 07. august 2007 kl. 02:08:38| #9

feliz
feliz (15.052 point)
/me kaster hurtigt bolden viddere :D

Skrevet tir. d. 07. august 2007 kl. 03:14:50| #10


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Hvor indsætter jeg Favicon?

Oprettet den 11. februar 2012 kl. 17.44
a/s giver 200 point for svar | Giv et svar »

POST ændrer formattet?

Oprettet den 11. februar 2012 kl. 13.33
djthomsen giver 100 point for svar | Giv et svar »

de 2 form ligger ikke ved siden af hinanden

Oprettet den 10. februar 2012 kl. 20.31
tobrukDk giver 10 point for svar | Giv et svar »

Seneste guides

Installer win 7
Den gode bruger


   




Tips & Tricks fra PC World

Teaser billede

Her er fem sjove danske websider du skal kende

Trænger dine lattermuskler til en omgang fitness på dansk? Vi viser vej til fem websider fyldt med humor og vanvittig satire.


Anmeldelser fra PC World

Teaser billede

Test: Denne super-tablet er iPads hårdeste konkurrent

Eee Pad Transformer Prime er frygtindgydende med sin quadcore processor og evne til at trylle sig om til bærbar. Apple bør kigge i bagspejlet, for Asus' tablet-pc kommer buldrende - og gør det...


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Nu kan du snart hente Windows 8

Den nye offentlige betaversion af Windows 8 er klar i denne måned.


Nyheder fra Computerworld

Teaser billede

Måske snart slut med Androids helt store problem

Android-platformen har længe været plaget af et særligt problem. Men måske er problemet nu ved at være elimineret.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger