Seiten die das Layout aller Webseiten bestimmen
So sieht dann das HTML einer fertig generierten Seite aus:
Hier so werden alle drei Teile des Templates zusammengesetzt, da kann Markus voll wüten ;-). Draufklicken und einfach
editieren ( den Inhalt sieht man erst beim Editieren ).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
HeadInclude: ( Description, Scripts, CSS )
<![CDATA[<title>Tom's retreat</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="iten.org" />
<meta name="Copyright" content="(c) 2002 Thomas Amrein" />
<meta name="Keywords" content="Tom's retreat, Tom, retreat, Canada, Kanada, auftanken, adventure, Abenteuer" />
<meta name="Description" content="" />
<meta name="Generator" content="10finger, Editor: BBEdit Lite for Mac OS X" />
<style type="text/css">
<!--
body {
background-color: #888888;
}
body, p, li, div, td, nobr, b, i {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
body, p, li, div, td, nobr, b, i {
font-size: 13px;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF6A47;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.nav {
color: #000000;
font-weight: normal;
}
.title1 {
font-size: 19px;
font-weight: bolder;
}
.title2 {
font-size: 17px;
font-weight: bolder;
}
.title3 {
font-size: 13px;
font-weight: bolder;
}
input, select, textarea {
font-size: 10px;
font-family: verdana,arial,helvetica;
}
.small {
font-size: 10px;
font-weight: normal;
}
-->
</style>
<script language="JavaScript">
<!--
var imgPath = '/~twiki/Main/Amrein/Canada/AttachMent/';
function imgPopup(fileName, width, height)
{
ImgWin = open('', 'ImgWin', 'width='+(width+18+3)+', height='+(height+40+19+4));
ImgWin.document.open();
ImgWin.document.write('<html><head><title>Tom\'s retreat</title></head><body bgcolor="#888888" style="margin:8px;"><table border="0" cellpadding="0" cellspacing="0"><tr><td bgcolor="#333333"><table border="0" cellpadding="0" cellspacing="1"><tr><td bgcolor="#888888"><img src="'+imgPath+fileName+'" width="'+width+'" height="'+height+'" border="0"></td></tr><tr><td bgcolor="#999999"><table width="'+width+'" border="0" cellpadding="10" cellspacing="0"><tr><td style="font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px;">Tom\'s retreat</td><td align="right" style="font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px;"><a href="javascript:window.close()"><img src="'+imgPath+'button_close.gif" width="20" height="20" border="0" alt="" /></a></td></tr></table></td></tr></table></td></tr></table></body></html>');
ImgWin.document.close();
}
var navContent = new Array();
navContent[0] = new Array('WebHome','Home');
navContent[1] = new Array('ImpRessionen','Impressionen');
navContent[2] = new Array('IdEe','Idee');
navContent[3] = new Array('HaUs','Haus');
navContent[4] = new Array('AktiviTaeten','Aktivitäten');
navContent[5] = new Array('LaGe','Lage');
navContent[6] = new Array('KonTakt','Kontakt');
function navTdOut(name, title, lastItem)
{
var fileName = new RegExp(name);
var self = (fileName.test("LayoutOfThisSite")) ? true : false;
var bgColor = (self) ? '#FF6A47' : '#BBBBBB';
var navString = (self) ? '<span style="font-weight:bold">'+title+'</span>' : title;
document.writeln('<td width="14%" align="center" bgcolor="'+bgColor+'">');
document.writeln(' <table width="100%" border="0" cellpadding="0" cellspacing="0">');
document.writeln(' <tr>');
document.writeln(' <td align="center"><a href="'+name+'" class="nav">'+navString+'</a></td>');
if (!lastItem)
document.writeln(' <td align="right"><img src="'+imgPath+'dgrey.gif" width="1" height="30" border="0"></td>');
document.writeln(' </tr>');
document.writeln(' </table>');
document.writeln('</td>');
}
function navOut(navArr)
{
for (var i = 0; i < navArr.length; i++)
{
var lastItem = (i < navArr.length - 1) ? false : true;
navTdOut(navArr[i][0], navArr[i][1], lastItem);
}
}
//-->
</script>]]>
</head>
<body>
HeaderInclude: ( Logo, Edit- and Attach links )
<![CDATA[<table width="750" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#333333">
<table width="750" align="center" border="0" cellpadding="0" cellspacing="1">
<tr>
<td>
<table width="750" bgcolor="#DDDDDD" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/~twiki/Main/Amrein/Canada/AttachMent/header.jpg" width="750" height="120" border="0" alt="" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" bgcolor="#DDDDDD" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" bgcolor="#DDDDDD" border="0" cellpadding="0" cellspacing="0">
<tr>
<script language="JavaScript">navOut(navContent);</script>
<noscript>
<td width="14%" align="center" bgcolor="#BBBBBB">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a href="WebHome" class="nav">Home</a></td>
<td align="right"><img src="/~twiki/Main/Amrein/Canada/AttachMent/dgrey.gif" width="1" height="30" border="0"></td>
</td>
</table>
</td>
<td width="14%" align="center" bgcolor="#BBBBBB">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a href="ImpRessionen" class="nav">Impressionen</a></td>
<td align="right"><img src="/~twiki/Main/Amrein/Canada/AttachMent/dgrey.gif" width="1" height="30" border="0"></td>
</td>
</table>
</td>
<td width="14%" align="center" bgcolor="#BBBBBB">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a href="IdEe" class="nav">Idee</a></td>
<td align="right"><img src="/~twiki/Main/Amrein/Canada/AttachMent/dgrey.gif" width="1" height="30" border="0"></td>
</td>
</table>
</td>
<td width="14%" align="center" bgcolor="#BBBBBB">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a href="HaUs" class="nav">Haus</a></td>
<td align="right"><img src="/~twiki/Main/Amrein/Canada/AttachMent/dgrey.gif" width="1" height="30" border="0"></td>
</td>
</table>
</td>
<td width="14%" align="center" bgcolor="#BBBBBB">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a href="AktiviTaeten" class="nav">Aktivitäten</a></td>
<td align="right"><img src="/~twiki/Main/Amrein/Canada/AttachMent/dgrey.gif" width="1" height="30" border="0"></td>
</td>
</table>
</td>
<td width="14%" align="center" bgcolor="#BBBBBB">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a href="LaGe" class="nav">Lage</a></td>
<td align="right"><img src="/~twiki/Main/Amrein/Canada/AttachMent/dgrey.gif" width="1" height="30" border="0"></td>
</td>
</table>
</td>
<td width="14%" align="center" bgcolor="#BBBBBB">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a href="KonTakt" class="nav">Kontakt</a></td>
</td>
</table>
</td>
</noscript>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" bgcolor="#DDDDDD" border="0" cellpadding="16" cellspacing="0">
<tr valign="top">]]>
Text
FooterInclude: ( Feedback link )
<![CDATA[ </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="750" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="small">
<!-- // startmod: please refresh date after changing contents // -->
last modified 08 Jan 2003
<!-- // endmod // -->
: <a accesskey="E" href="http://www.devzone.ch/~twiki/cgi-bin/edit/Main/Amrein/Canada/LayoutOfThisSite" class="small" style="color:black">edit page</a>
: <a href="LayoutOfThisSite" class="small" style="color:black">edit layout</a>
</td>
<td align="right" class="small"></td>
</tr>
</table>]]>
</body>
<html>
|
