Hilfe-Page - Layout

Layout

Design einstellen klicken
Erweiterte Einstellungen öffnen und da findest Du die 3 Felder:

Über dem Design (alles was über dem Inhalt steht)

<body>
<div style="position: absolute; left: 0; top: 0">
<div style="position: absolute; left: 25px; top: 33px; width: 109px; height: 656px; overflow:visible">

<div id="menu02">
<ul>
<li><a class="menu" href="http://danashilfepage.de.tl/Home.htm"  onfocus="this.blur()">Home</a></li>
<li><a class="menu" href="http://danashilfepage.de.tl/Kontakt.htm"  onfocus="this.blur()">Kontakt</a></li>
<li><a class="menu" href="mailto:dana@fussball-fanpage.de?subject=Themenhomepage"  onfocus="this.blur()">Email</a></li>
<li><a class="menu" href="http://danashilfepage.de.tl/G.ae.stebuch.htm"  onfocus="this.blur()">Gästebuch</a></li>
<li><a class="menu" href="http://danashilfepage.de.tl/Umfrage.htm"  onfocus="this.blur()">Umfrage</a></li>
<li><a class="menu" href="http://danashilfepage.de.tl/Html_Hilfe.htm"  onfocus="this.blur()">Html-Hilfe</a></li>
<li><a class="menu" href="http://danashilfepage.de.tl/Linkliste.htm"  onfocus="this.blur()">Linkliste</a></li>
<li><a class="menu" href="http://danashilfepage.de.tl/Topliste.htm"  onfocus="this.blur()">Topliste</a></li>
<li><a class="menu" href="http://danashilfepage.de.tl/News.htm"  onfocus="this.blur()">News</a></li>

</ul>
</div>
</div>
<div style="position: absolute; left: 147px; top: 37px; width: 447px; height: 647px; overflow:auto;" align="justify">

Unter dem Design (alles was unter dem Inhalt steht)

</div>
<div style="position: absolute; left: 849px; top: 35px; width: 130px; height: 150px; overflow: no">

<table border=0 style="border: 1px solid #bda270" bordercolor="#bda270" cellpadding=10 cellspacing=0
width=100%>
<tr>
<td valign=middle align=center style="font-size:12px;font-family:verdana;color:#bda270;" bgcolor="#311F03">
<b>Anmerkungen</b>
</td>
<tr>
<td valign=top align=left style="font-size:12px;font-family:verdana;color:#311F03;height:150;width:130;" bgcolor=#bda270>
<div style="overflow:auto;width:130;height:150;">
Airkraft bitte Vote-Button auf Deine Seite setzen, damit die in-Hits auch funktionieren. Danke.
<br>
<center><hr size=1 color=#311f03 width=80%>
<font size=1>Design am 28.04.2007 erstellt von <a  class="nl" href="http://www.gran-canaria-urlaub.com/homepagehilfe" target=_blank>Dana</a><br>
</font>
</center>

</div>
</td>
</tr>
</tr>
</table>

</div>
<div style="position: absolute; left: 849px; top: 300px; width: 130px; height: 300px; overflow: no">

<table style="border: 1px solid #bda270" border=0 bordercolor="#bda270" cellpadding=10 cellspacing=0
width=100% >
<tr>
<td valign=middle align=center style="font-size:12px;font-family:verdana;color:#bda270;" bgcolor=#311F03>
<b>Topliste</b>
</td>
<tr>
<td valign=top align=left style="font-size:12px;font-family:verdana;color:#311F03;width:130;height:300" bgcolor=#bda270>
<div style="overflow:auto;width:130;height:300;">
[topliste]
</div>
</td>
</tr>
</tr>
</table> </div>
<img src="http://www.gran-canaria-urlaub.com/testpage/design2.jpg" alt="" />
</div>

Style ohne Tags

Alles was im Head steht:

div#nav_container{visibility: hidden;} 
h1#title{display: none;} 
h2#title span {display: none;} 
li.nav_element{display: none;} 
li.nav_element a{display: none;} 
div.header{display: none;}

body {
  background-color: #a78c5c;
  background-image:url(http://www.gran-canaria-urlaub.com/testpage/design2bg.jpg);
 SCROLLBAR-FACE-COLOR: #bda270; FONT-SIZE: 14px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000;
  SCROLLBAR-3DLIGHT-COLOR: #bda270; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #a78c5c;
  SCROLLBAR-DARKSHADOW-COLOR: #bda270 ;
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, san-serif;
  font-size:12px;
  color:#311F03;

}
.nl:link, .nl:visited
{color:#000000;font-family:verdana;font-weight:bold;text-decoraton:none;}
.nl:hover
{color:#632010;font-family:verdana;font-weight:bold;text-decoraton:none;cursor:default;background-color:#bda270}
 .nl:active
{color:#000000;font-family:verdana;font-weight:bold;text-decoraton:none;}

#menu02 ul, #menu02 li {
 list-style-type: none;
 margin-left:0px;
 padding: 0px;
 color:#311F03;
}
#menu02 li a:link, #menu02 li a:visited, #menu02 li a:active {display:block;
        border-bottom: SOLID 1px #311F03;
        border-left: solid 1px #311F03;
        border-right: solid 1px #311F03;
        border-top: solid 1px #311F03;
        color:#000;text-decoration:none;
        background-image: none;
        font: normal 11px verdana, sans-serif;
        margin:10px;
        padding-left:10px;
        padding-top:0px;
        padding-bottom:0px;
        height: 24px;
line-height: 24px;
}

#menu02 li a:hover { background-image: none;
background-color:#bda270;
        border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
        border-right: solid 1px #000000;
        border-top: solid 1px #000000;
        color:#000;text-transform:uppercase;

}
.menu:link, .menu:visited,
{
        color:#311F03;text-decoration:underline;
        background-image: none;
        font: normal 11px verdana, sans-serif;
        padding-left:10px;
        padding-top:2px;
        padding-bottom:2px;
        height: 24px;
line-height: 24px;
}
.menu hover{
background-color:#bda270;
background-image: none;
color:#000;text-transform:uppercase;cursor:default;
line-height:24px;}

.menu:active
{
        color:#311F03;text-decoration:underline;
        background-image: none;
        font: normal 11px verdana, sans-serif;
        padding-left:10px;
        padding-top:2px;
        padding-bottom:2px;
        height: 24px;
line-height: 24px;

}
#header
h1 {font-size:16px;font-weight:bold}
#title
h2 {font-size:14px;font-weight:bold}
a:link {color:#000000;
font-size:12px;font-family:verdana;font-weight:bold;text-decoration:none}
a:visited {color:#000000;
font-size:12px;font-family:verdana;font-weight:bold;text-decoration:none}
a:hover {color:#000000;background-color:#FFFFFF;
font-size:12px;font-family:verdana;font-weight:bold;text-decoration:none}
a:active {color:#000000;
font-size:12px;font-family:verdana;font-weight:bold;text-decoration:none}

Hierbei handelt es sich um das Design dieser Homepage.
Es kann jedes beliebige Design auf diese Art und Weise eingefügt werden.

20.10.2007