Mattias Nordins bakgrundsarkiv. HTML texturer.

Denna sida publicerades 2008-02-09 av Mattias Nordin.

Last indexed by Google 3/17/2023 10:57:
Sökfras: Gratis bakgrundsbilder/texturer.

Mattias samling av bakgrundsbilder/bakgrundstexturer.

Dessa bakgrundsbilder är texturer som passar ihop om man lägger dem brevid varandra. På den tiden då bredband inte existerade så var detta ett bra sätt att skapa en stor bakgrundsbild utan att sidan skulle bli trögladdad. Det är dock fortfarande populärt att använda dessa typer av bakgrunder. Alla bakgrundsbilder/texturer på denna sida är gratis att använda.

Var kan jag hitta/ladda hem bakgrundbilder/bakgrundstexturer?

Använd mina submenyknappar, Ljusa, Mörka, Färgglada, Motiv & Osorterade, för att se bakgrundsbilderna i mitt arkiv. Det finns naturligtvis en uppsjö ute på nätet. Prova att googla på background texture.

På min sida går det att förhandsgranska hur bakgrundsbilderna ser ut när texturerna läggs brevid varandra för att täcka en hel websida :)

Hur använder man en bakgrundsbild på sin websida?

Det finns flera olika metoder för att byta bakgrundsbild/bakgrundstextur på din websida. Nedan nämner jag tre metoder. Att ange bildfilen direkt i HTML är det klassiska. Att ange bakgrundsbilden i style sheet (CSS) är det moderna och flexibla sättet. Det går även att i efterhand byta bakgrundsbild med javascript. Här följer några exempel...

Det klassiska sättet är att ange en bakgrundsbild i HTML. Detta gör du med följande syntax:

<html>
<head> <title>Min sida</title>
</head>
<body background="/sokvag/bakgrundsbild.jpg" >
...Innehållet i din HTML-sida...
</body>
</html>

Definera bakgrundsbilden med CSS. Du hitter fler exempel på www.w3Schools.com.

<html>
<head> <title>Min sida</title>
<style>
body {
background-image:url('/_design/background_lblue073.jpg');
} </style>
</head>
<body>
...Innehållet i din HTML-sida...
</body>
</html>

Det går även att byta bakgrund på din websida i efterhand med javascript. Detta gör du med följande syntax:

Mera funktionellt blir det om du lägger det i en funktion och låter bakgrundsbilden ersättas på onClick eller mouseOver events:

Testa funChangeBackground(incommingImagePath) funktionen:

/_design/bak_droppar.gif

/_design/background_lblue073.jpg