4
Layer erstellenCSS-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>
#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ßen]</a></div>
<h2>Überschrift</h2>
<div id="text">Hier kannst du deinen Text hineinschreiben, beim bearbeiten wünsche ich dir viel Spaß.<br />
Viel Spaß mit diesem Layer!<br />
<br />
Mit freundlichen Grüßen<br />
Nicolas Dischinger</div>
</div>
<div id="werbung">
<div id="titel">Dein Titel</div>
<div id="close"><a onclick="schliessen();" href="#">[Schließen]</a></div>
<h2>Überschrift</h2>
<div id="text">Hier kannst du deinen Text hineinschreiben, beim bearbeiten wünsche ich dir viel Spaß.<br />
Viel Spaß mit diesem Layer!<br />
<br />
Mit freundlichen Grüß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
Viel Spaß mit diesem Layer!
Mit freundlichen Grüßen
Nicolas Dischinger