Hvis du mener den med tabsne oppe i toppen, så er det ikke andet end billeder der fungerer fungerer som links, der så refererer til en anden side.
to sidet kode eksempel:
gem som side1.html
[code="HTML"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test side</title>
<meta name="generator" content="TSW WebCoder">
<style type="text/css">
.highlight{
border: 1px solid #000000;
background-color: #3399FF;
padding: 10px;
}
.normal{
border: 1px solid #000000;
background-color: #FFFF33;
padding: 10px;
}
</style>
</head>
<body>
<a href="side1.html" class="highlight">Side 1</a>
<a href="side2.html" class="normal">Side 2</a>
<a href="side3.html" class="normal">Side 3</a>
<a href="side4.html" class="normal">Side 4</a><br>
<div style="border: 1px solid #000000;">og her insættes så linksne til side 1</div>
</body>
</html>
[/code]
og gem som side2.html
[code="HTML"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test side</title>
<meta name="generator" content="TSW WebCoder">
<style type="text/css">
.highlight{
border: 1px solid #000000;
background-color: #3399FF;
padding: 10px;
}
.normal{
border: 1px solid #000000;
background-color: #FFFF33;
padding: 10px;
}
</style>
</head>
<body>
<a href="side1.html" class="normal">Side 1</a>
<a href="side2.html" class="highlight">Side 2</a>
<a href="side3.html" class="normal">Side 3</a>
<a href="side4.html" class="normal">Side 4</a><br>
<div style="border: 1px solid #000000;">og her insættes så linksne til side2</div>
</body>
</html>
[/code]
alt der ændres her fra side til side er klassen på "hovedpunkts" linksne, samt indholdet af divboksen.
Dette er en ekstremt simpel udgave, skal det gøres mere advanceret kan du evt. kigge på javascript, men det har de nu ikke brugt på jubii.
Jeg har dog ikke testet koden andet end at den renderer en side, linksne er ikke testet.
//Troels