Gegen Bilderklau - Das Original | Homepagehilfe - Archiv | [HTML] Design öffnet sich innerhalb des Designs

<html> <head> <title>Ihr seid die Geilsten!</title> <BODY marginwidth="711" leftmargin="0" marginheight="371" topmargin="0" scroll="auto"> <img src="http://i227.photobucket.com/albums/dd5/cumdeliciae/Unbenannt-1Kopie.jpg"> <div id="Layer1" style="position: absolute; left: 261px; top: 190px;"> <iframe src="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=63471258&userid=19426978" name="frame" width="711" height="371" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;> </iframe> </div> <div id="Layer2" style="position: absolute; left: 47px; top: 192px;"> <iframe src="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=925715401293020312&userid=19426978" name="menue" width="176" height="372" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;> </iframe> </div> </body> </html>

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html> /* Der HTML-Teil beginnt */
<head> /* Der Head-Bereich beginnt */
<title>%titel%</title> /* Wenn du bei Oyla einen Homepagetitel angegeben hast, kannst du dies so stehen lassen. Ansonsten statt %titel% einfach deinen gewünschten Titel eingeben. */
<style type="text/css"> /* Der CSS-Teil beginnt */
<!--
body {
position: absolute; /* Das hier zeigt, an welcher Position das Design stehen soll. 'absolute' bedeutet, dass es im ganzen Fenster zu sehen ist. */
padding: 0; /* Innenabstand */
margin: 0; /* Außenabstand */
top: 0; /* Abstand nach oben */
left: 0; /* Abstand nach links */
background-color: HINTERGRUNDFARBCODE; /* Hintergrundfarbe. Hier würde ich aufpassen. Nimm eine Farbe, die du in deinen Grafiken nicht verwendest. Sonst wird die Farbe transparent dargestellt, zumindest im Internet Explorer. */
/* Die folgenden Scrollbalkenangaben sind nur im Internet Explorer zu sehen. Wenn du einen anderen Browser benutzt, kannst du das also rauslöschen. */
scrollbar-face-color: FARBCODE;
scrollbar-highlight-color: FARBCODE;
scrollbar-3dlight-color: FARBCODE;
scrollbar-darkshadow-color: FARBCODE;
scrollbar-shadow-color: FARBCODE;
scrollbar-arrow-color: FARBCODE;
scrollbar-track-color: FARBCODE;
}
img#design { /* Angaben zum Design beginnen */
position: absolute; /* Position */
top: 0; /* Abstand nach oben */
left: 0; /* Abstand nach links */
border: none; /* Rahmen. 'none' steht für keinen Rahmen. */
} /* Angaben zum Design enden */
div.content { /* Angaben zum Main beginnen */
overflow: auto; /* Übergroßer Inhalt. Ich würd's auf 'scroll' stellen, denn 'auto' ist browserabhängig. */
position: absolute; /* Position */
top: PIXELZAHLpx; /* Abstand vom Main nach oben */
left: PIXELZAHLpx; /* Abstand vom Main nach links */
width: PIXELZAHLpx; /* Breite des Mains */ 
height: PIXELZAHLpx; /* Höhe des Mains */
font-family: SCHRIFTART; /* Schriftart im Main */
font-size: PIXELZAHLpx; /* Schriftgröße im Main */
color: FARBCODE; /* Schriftfarbe im Main */
} /* Angaben zum Main enden */
div.navigation { /* Angaben zum Menü beginnen */
overflow: auto; /* Übergroßer Inhalt. */
position: absolute; /* Position */
top: PIXELZAHLpx; /* Abstand vom Menü nach oben */
left: PIXELZAHLpx; /* Abstand vom Menü nach links */
width: PIXELZAHLpx; /* Breite des Menüs */
height: PIXELZAHLpx; /* Höhe des Menüs */
font-family: SCHRIFTART; /* Schriftart im Menü */
font-size: PIXELZAHLpx; /* Schriftgröße im Menü */
color: FARBCODE; /* Schriftfarbe im Menü */
} /* Angaben zum Menü enden */
a:link { /* Aussehen eines normalen Links beginnt */
/* Hier kannst du die Linkeffekte angeben. Einfach mal ein bisschen danach googlen, ich weiß auch nicht alle auswendig. (; */
} /* Aussehen eines normalen Links endet */
a:visited { /* Aussehen eines besuchten Links beginnt */
/* Linkeffekte */
} /* Aussehen eines besuchten Links endet */
a:active { /* Aussehen eines aktiven Links beginnt */
/* Linkeffekte */
} /* Aussehen eines aktiven Links endet */
a:hover { /* Aussehen eines Links beim Drüberfahren beginnt */
/* Linkeffekte */
} /* Aussehen eines Links beim Drüberfahren endet */
-->
</style> /* Der CSS-Teil endet */
</head> /* Der Head-Bereich endet */

<body> /* Der Body-Bereich beginnt */

<!-- Start Design --> /* Das Design beginnt */
<img src="DESIGNADRESSE" alt="Designbild" id="design"> /* 'alt' steht für den Namen, 'id' dafür, was für eine Art Bild das ist. */
<!-- End Design --> /* Das Design endet */

<!-- Start Content --> /* Der Main-Teil beginnt */
<div class="content"> /* Der Div-Teil beginnt */
%content% /* Das musst du stehen lassen. Hier wird der Inhalt angezeigt. */
</div> /* Der Div-Teil endet */
<!-- End Content --> /* Der Main-Teil endet */

<!-- Start Navigation --> /* Der Menü-Teil beginnt */
<div class="navigation"> /* Der Div-Teil beginnt */
%navigation_v% /* Hier gibst du entweder '%navigation_v%' (senkrechtes Menü) oder '%navigation_h%' (waagerechtes Menü) an. */
</div> /* Der Div-Teil endet */
<!-- End Navigation --> /* Der Menü-Teil endet */

</body> /* Der Body-Bereich endet */
</html> /* Der HTML-Teil endet */