Baggrund

[baks]

Er det muligt at lave en baggrund i 2 farver hvor hovedfarven toner ud i en lysere mod siderne H + V?

Jeg har forsøgt med et billede lavet i Photoshop, men kan det tilpasses både store og små skærme

Jeg bruger KompoZer og tabeller.

mvh
baks

Mozilla/5.0 (Windows NT 6.0; rv:17.0) Gecko/20100101 Firefox/17.0

[Kim Ludvigsen]

Traditionelt har man lavet effekten med et billede, som så gentages enten vandret eller lodret. På den måde fylder billedet ikke så meget, men det kan ikke udtone i begge retninger. Man kan udtone i begge retninger med et stort baggrundsbillede, men jeg vil tro, at det vil gøre siden meget tung - hvad fylder dit Photoshop-billede?

Nå, men til den gode nyhed: Det er muligt at lave effekten med CSS, og det har endda den fordel, at det automatisk skalerer til alle vinduestørrelser. Der er endnu ikke en fast standard for koderne, men alle de nyere browsere understøtter funktionen, dog med forskellige koder. Det er også muligt at tilføje en kode, der gør så der benyttes et billede i de ældre browsere. Men vær lige opmærksom på, hvor meget dit billede fylder, så siden ikke bliver for tung for de besøgende.

Tjek disse sider (på engelsk):
http://css-tricks.com/css3-gradients/ - denne side forklarer, hvordan det virker, og giver eksempler.
http://gradients.glrzad.com/ - denne side har en generator, hvor du vælger farver og retning og så får genereret den nødvendige CSS-kode.

Hvis du også vil have skalering i ældre browsere, kan det gøres med baggrundsbilleder i forskellige størrelser og JavaScript, der vælger det bedst passende billede. Dette vil aldrig blive perfekt, fordi der findes utallige forskellige vinduesstørrelser, og jeg kan ikke hjælpe dig med JavaScriptet.

[baks]

Tak for svaret.

Mit Photoshop billede på 2000 x 1280 pixel fylder 369 KB med graduering i V + H side.

Jeg har lavet et ensfarvet i den farve jeg vil have og det fylder under 200 KB i 2000 x 1280 pixels. Det kan ses her: http://www.foto-crooner.dk

Min løsning er ikke optimal og jeg kan se jeg må igang med CSS igen.

Tak for tip og henvisninger.

Jeg fandt lige denneher på dansk: http://www.nemprogrammering.dk/Tutorial ... adient.php

Jeg ved ikke lige hvilken version CSS jeg har - hvor kan jeg se det eller evt. hente CSS3 skabeloner?

mvh
baks

[Kim Ludvigsen]

Den graduerede baggrund er meget tung, hvilket betyder, at det kan tage noget tid, før den besøgende kan se den. Den ensfarvede baggrund kan laves med CSS, så fylder den ikke noget i stedet for de 200 KB (som også er meget tungt).

Læs, hvordan du vælger baggrundsfarve her:
http://kimludvigsen.dk/programmer-inter ... p#baggrund

Forskellen på CSS2.1 (som er den nuværende standard) og CSS3 (som er den kommende standard) er, at sidstnævnte indeholder flere funktioner, men det er endnu ikke alle browsere, der understøtter dem alle. Og især ældre browser-versioner kan have problemer med nogle af funktionerne.

[baks]

Jeg vil prøve at lave baggrundsfarven i CSS.

Tak for tippet.

mvh
baks