Notifikationer

Markér alle som læst Log ud

apo Praktikant

07. maj 2005 - 23:13 Der er 20 kommentarer og
1 løsning

Gradient baggrund?

Hej :-)

Hvordan laver man en baggrund der øverst er i en farve, og nederst er i en anden farve (gradient baggrund er det bedste ord jeg kan beskrive det som)?

Et eksempel kan ses her, hvor baggrunden øverst er i en mørk blå og bliver lysere jo længere ned ad siden man kommer: http://www.ebruger.dk/

Jeg gætter på at det skal laves med CSS...

Apo

Synes godt om

twm Nybegynder

07. maj 2005 - 23:17 #1

http://www.web-source.net/html_background_gradient.htm

Synes godt om

claus_joergensen Nybegynder

07. maj 2005 - 23:24 #2

e-bruger.dk er et billede , lavet i et billedebehandlignsprogram.

twm's forslag er IE only.

Synes godt om

apo Praktikant

07. maj 2005 - 23:25 #3

Jeg bliver lidt mistænksom når der i selve koden bliver nævnt noget med Microsoft:

<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">

Er det endnu en af Bill G's påfund der kun virker i hans IE-browser? Jeg synes ikke, at jeg kan se ovenstående kode nævnt i ebruger.dks kildekode eller CSS-fil

Apo

Synes godt om

apo Praktikant

07. maj 2005 - 23:25 #4

claus_joergensen > Hehe, så var min mistanke god nok ;-)

Hvordan laver man det?

Apo

Synes godt om

claus_joergensen Nybegynder

07. maj 2005 - 23:27 #5

Har du photoshop, ellers kan du bruge TheGIMP www.gimp.org
Der er et gradientværktøj til det.
En tutorial kunne f.eks. være: http://www.msmiyakie.com/nanstutorials/gradients.html

Synes godt om

claus_joergensen Nybegynder

07. maj 2005 - 23:29 #6

eller http://www.loriswebs.com/tutorials/gradientbackground.html

Muligheder er mange på google :)

Synes godt om

apo Praktikant

07. maj 2005 - 23:32 #7

Jeg har PSP 8.0 som også kan lave gradient grafik.

Men hvordan gør jeg præcist. Jeg skal vel ikke lave et billede i størrelsen 1280 x 768 eller noget?

Apo

Synes godt om

claus_joergensen Nybegynder

07. maj 2005 - 23:46 #8

Det bedste du kan gøre er at aflæse brugeres opløsning (javascript thingy)
og så have et gradient billede til hver opløsning.

så sætter du i css

background: url(gradient800x600.jpg) no-repeat fixed;

Så bliver det stående som ordenlig bg. Se http://www.patch.dk/ for et eksempel.

Synes godt om

apo Praktikant

07. maj 2005 - 23:49 #9

Er der kun den måde at lave en gradient baggrund på? Jeg havde ellers troet at det kunne laves med CSS...

Apo

Synes godt om

apo Praktikant

08. maj 2005 - 00:16 #10

Kan man strække baggrundbilledet så det tilpasses længden på vinduet (Via CSS), så man derved kun har behov for at baggrundsbillede?

Synes godt om

roenving Novice

08. maj 2005 - 04:25 #11

Næh, du skal lave dit baggrundsbillede, så det kan overleve de almindelige opløsninger ...

-- og hvis det er en gradient, kan du nøjes med at lave et billede, som er 1 pixel bred, men f.eks. 1024 høj !-)

Synes godt om

apo Praktikant

08. maj 2005 - 12:20 #12

Men hvordan laver jeg det så baggrunden tilpasser sig sidens længde (Uanset sidens længde), hvis jeg gerne vil have at man kan se baggrunden 'køre opad' når man scroller? (Det kan man måske ikke?)

Apo

Synes godt om

hyanen Nybegynder

08. maj 2005 - 13:26 #13

Du siger du har photoshop..

du laver et dukoment i photoshop.. evt 1024 pixel højt men kun 1-3 bredt..¨

du duplicater background layer så de kan bruge blendings options på den :) bare slet den gamle background layer..

så går du ind i blendoptions.. Gradient overlay mener jeg det hedder..laver en gradient du kan lide feks sort til hvid.. kan ikke huske hvad det hedder.. men der er sådan en cirkel hvor der står 90 ved.. den skal du ændrer til 180..

du gemmer billedet.. så tar du det dokument hvor du vil have baggrunden.. sætter den til kun at repeate X og ikke Y (mener det er X) men altså den kun gentager sig selv sidelens..

Nu kan du gøre to ting.. Du kan gøre sådan at baggrunden står stille eller du kan gøre baggrunden hvid.. Hvis Gradienten så var fra sort til #CCC så skulle baggrunds farven være #CCC..

Håber du kan bruge det til noget og du kan læse dig igennem mine stavefejl, trykfejl, manglen på komma.. osv

Synes godt om

apo Praktikant

08. maj 2005 - 13:32 #14

hyanen > Tak for forslaget, men du har læst forkert... Jeg har ikke PhotoShop :-/

Jeg bruger Paint Shop Pro 8.0

Apo

Synes godt om

hyanen Nybegynder

08. maj 2005 - 13:57 #15

så foreslår jeg du enten køber photoshop.. eller prøver trial'en til at starte med..
:)

Synes godt om

apo Praktikant

08. maj 2005 - 14:20 #16

Jeg er ikke interesseret i at udskifte PSP med PhotoShop, da jeg er udmærket tilfreds med PSP :-)

Synes godt om

apo Praktikant

08. maj 2005 - 14:24 #17

Jeg har besluttet at droppe tanken om en gradient baggrund, og finde på noget andet. Jeg er ikke sikker på at det kan blive som jeg gerne vil have det :-/

Men da jeg måske kan bruge gradient-metoden til andre formål end baggrunde vil jeg gerne give claus_joergensen points; Smid et svar :-)

Apo

Synes godt om

hyanen Nybegynder

08. maj 2005 - 15:53 #18

Apo.. nu tar jeg www.pixel2life.com som et eksempel Der er 6500 tutorials til photoshop og 45 til Psp.. jeg var også skeptisk over for Photoshop til at starte med.. Nu kan jeg ikke leve uden det :P

Synes godt om

claus_joergensen Nybegynder

08. maj 2005 - 21:59 #19

PSP er mere old school end photoshop :)
Photoshop er bare meget populært, og derfor mange guides.

Men her er ihvertfald et svar fra mig.
Design til web kan tit være svært at få til at passe.

Måske kommer der flere muligheder med CSS3 , hvem ved :)

Synes godt om

apo Praktikant

09. maj 2005 - 21:29 #20

hyanen > Jeg har investeret i PSP, og har derfor ikke tænkt mig (foreløbig), at investere flere penge i et program som PhotoShop ;-)

Men du skal have tak for dit input :-)

Apo

Synes godt om

apo Praktikant

09. maj 2005 - 21:31 #21

claus_joergensen > Jeps, PSP er måske mindre avanceret men opfylder mine nuværende krav til et grafikprogram, og passer til mine nuværende grafiske 'evner' (Eller mangel på samme :-D )

Hvornår bliver CSS3 tilgængeligt?

(Der er points til dig)

Apo

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS