4

 Layer erstellen

 CSS-Code
<style type="text/css">

#werbung {
font-family: verdana;
font-size: 12px;
background: #FFFFFF;
border: #666666 2px solid;
position: fixed;
left: 29%;
top: 200px;
width: 700px; z-index: 11;
}

#werbung a {
color: #FFFFFF;
text-decoration: none;
}

#werbung #text a {
color: #4169E1;
text-decoration: underline;
}

#werbung #text a:hover {
color: #666666;
text-decoration: none;
}


#werbung h2 {
padding: 40px 20px 0px 20px;
margin-bottom: -10px;
font-size: 14px;
color: #4169E1;
}

#werbung #text {
color: #666666;
margin: 30px;
}

#werbung #titel, #werbung #close {
color: #FFFFFF;
padding: 5px;
width: 290px;
background-color: #4169E1;
}

#werbung #titel {
font-weight: bold;
float: left;
text-align: left;
padding-bottom: 7px;
width: 390px;
}

#werbung #close {
float: right;
text-align: right;
}

</style>

 Text Code
<script type="text/javascript"> function schliessen() { document.getElementById("werbung").style.visibility = 'hidden'; } </script>
<div id="werbung">
<div id="titel">Dein Titel</div>
<div id="close"><a onclick="schliessen();" href="#">[Schlie&szlig;en]</a></div>
<h2>&Uuml;berschrift</h2>
<div id="text">Hier kannst du deinen Text hineinschreiben, beim bearbeiten w&uuml;nsche ich dir viel Spa&szlig;.<br />
Viel Spa&szlig; mit diesem Layer!<br />
<br />
Mit freundlichen Gr&uuml;&szlig;en<br />
Nicolas Dischinger</div>
</div>
Dein Titel

Überschrift

Hier kannst du deinen Text hineinschreiben, beim bearbeiten wünsche ich dir viel Spaß.
Viel Spaß mit diesem Layer!

Mit freundlichen Grüßen
Nicolas Dischinger