Tips&Tricks

til hjemmesiden, computeren og internettet

Tips & Tricks



Vandmærke på hjemmesiden

Sat på siden 03-10-2003

Uanset hvor lang en tekst, du har på hjemmesiden, kan du få et billede til at blive vist i baggrunden, og dette billede står fast, mens din gæst bladrer teksten igennem.

Sådan et billede kaldes et vandmærke, og det er en flot effekt på en hjemmeside. Du kan fx bruge dit logo eller et billede, der passer til temaet for siden som vandmærke.

Se et eksempel på brug af vandmærket her: Et billede: http://www.tips-og-tricks.com/eksempler/vandmaerke.html
Hele baggrunden: http://www.psyken.com

Vandmærket kan ses af alle browsere, for det er nemlig et godkendt StyleSheet, der bruges til at lave det med. Det er ganske let. Du tager et passende billede, og så indsætter du stylesheet koder på siden eller i en vedhæftet fil, hvis du vil have samme vandmærke på alle sider. Her har jeg kun indsat vandmærket på én side.

Mit billede hedder "champagne.gif", og HTML-koden kommer til at se således ud på hjemmesiden:

<body style="background: url(champagne.gif) no-repeat fixed center;">

Style background fortæller, at billedet bliver indsat i baggrunden, og af denne kode kan du i øvrigt se, at billedet ligger i samme mappe som HTML-dokumentet.

No-reat betyder, at billedet kun vises et sted på siden. Hvis du vil have gentaget billedet vandret, hedder koden "repeat-x", og hvis du vil have den gentaget lodret, skal du bruge "repeat-y".

Vandmærket sidder fast i baggrunden, uanset hvor meget teksten ruller. Det gør den, fordi jeg har valgt "fixed" her. Hvis du vil have billedet til at flytte sig, skal du vælge "scroll" i stedet for.

Placeringen er i midten af siden, derfor "center".

Hvis du vil have hele koden liggende i et selvstændigt dokument med StyleSheets, ser den sådan ud:

body{
background-image: url(champagne.gif);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}

Kunne du lide tippet? Abonner gratis på mine nyhedsmails og få friske tips hver uge: Tilmelding til Tips og tricks
Lige nu: Få e-bogen "701 Tips og Tricks" gratis (normalpris $11,83) ved tilmelding.


|