Gör en egen trippelbakgrund

Flera har frågat hur man gör för att göra en egen trippelbakgrund
så jag tänkte att jag skulle göra en sida för att beskriva det.
Det finns ju olika sätt att göra det på, men det här sättet är det lättaste tycker jag.

 

1. Vi ska använda oss av dessa tre bakgrunder.
Högerklicka på var och en av bakgrunderna, Ta - Spara bild som
och spara i din hemsidesmapp.

( Denna heter
bg.jpg )
 
 
 
( Denna heter
bg1.jpg )
( Denna heter
bg2.jpg )



2. Kopiera av denna kod:


<html>
<head>
<title>trippel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body background="bg.jpg">

<div align="center">

<table width="90%" cellpadding=20 cellspacing=0 border=1 background="bg1.jpg">

<tr>

<td>

<div align="center">
<table width="100%" border=1 background="bg2.jpg">

<tr>

<td>
<p align="center">&nbsp;</p>
<p align="center">Innehållet fyller du i här!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</div>

</body>
</html>


3. Nu ska du öppna en ny sida i ditt hemsidesprogram.
Ta File- New Window

 

4. Gå sedan in i html-koden för sidan

I Frontpage så ser det ut så här:


I Dreamweaver så ser det ut så här:
( Den finns högst upp i det vänstra hörnet på sidan )


Klicka på den så kommer du in i html-koden för sidan.

 

5. Nu så brukar jag göra så att jag raderar hela koden som finns där på sidan,
så att sidan blir helt tom. Sedan så klistrar jag in koden som jag sparade tidigare.

 

6. Sedan så tar du File - Save as och sparar din trippel med något namn. Ex-vis "Trippel"

 

7.Nu kan du gå tillbaka i visningsläget på sidan igen, så ser du att alla bakgrunderna ligger i respektive tabell.

 

8. Nu kan du ju prova dig fram med att byta de olika bakgrunderna mot andra bakgrunder som
du vill ha på din sida, genom att gå in i koden och skriva in de nya bakgrundernas namn.

Jag har markerat i koden med röd färg så ser du på vilka oilka ställen du ska ändra.
Kom bara ihåg att skriva in .jpg eller .gif (beroende på vad den är sparad som)
bakom din bilds namn och se till att du har bilden i din hemsidesmapp, annars så syns den inte.

Vill du ändra på bredden på den mellersta tabellen ( den blå borden/stripen här på sidan)
så ändrar du bara i värdet 20 som jag markerat rött, ändra till 10 eller 15 istället.
Vill du ha den yttersta ramen på sidan bredare så ändrar du i värdet där det står 90%,
kanske till 80% istället.

Prova dig fram tills du är nöjd.

 

Lycka till!

 

 

Tillbaka