Text über dem Design:
<script type="text/javascript" src="http://bagarts.de/designs/blue/js/domtab.js"></script> <script type="text/javascript"> document.write('<style type="text/css">'); document.write('div.domtab div{display:none;}<'); document.write('/s'+'tyle>'); </script> <div id="container"> <div id="navi"> <div id="titel">Deine Seite</div> <ul> <li><a class="navi" href="http://bagarts.de/designs/blue/index.php" _fcksavedurl="http://bagarts.de/designs/blue/index.php">Home</a></li> <li><a class="navi" href="http://bagarts.de/designs/blue/designs.php" _fcksavedurl="http://bagarts.de/designs/blue/designs.php">Designs</a></li> <li><a class="navi" href="http://bagarts.de/designs/blue/tutorials.php" _fcksavedurl="http://bagarts.de/designs/blue/tutorials.php">Tutorials</a></li> <li><a class="navi" href="http://bagarts.de/designs/blue/referenzen.php" _fcksavedurl="http://bagarts.de/designs/blue/referenzen.php">Referenzen</a></li> <li><a class="navi" href="http://bagarts.de/designs/blue/gaestebuch.php" _fcksavedurl="http://bagarts.de/designs/blue/gaestebuch.php">Gästebuch</a></li> <li><a class="navi" href="http://bagarts.de/designs/blue/kontakt.php" _fcksavedurl="http://bagarts.de/designs/blue/kontakt.php">Kontakt</a></li> </ul> </div> <div id="header"> <div id="other" class="domtab doprevnext"> <ul class="domtabs"> <li><a href="#t1" _fcksavedurl="#t1">Test 1</a></li> <li><a href="#t2" _fcksavedurl="#t2">Test 2</a></li> <li><a href="#t3" _fcksavedurl="#t3">Test 3</a></li> <li><a href="#t4" _fcksavedurl="#t4">Test 4</a></li> </ul> <div> <h2><a name="t1" id="t1">News 1</a></h2> Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. "Fix, Schwyz! " quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich. Falsches Üben von Xylophonmusik quält jeden größeren Zwerg. </div> <div> <h2><a name="t2" id="t2">News 2</a></h2> Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. "Fix, Schwyz! " quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich. Falsches Üben von Xylophonmusik quält jeden größeren Zwerg. </div> <div> <h2><a name="t3" id="t3">News 3</a></h2> Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. "Fix, Schwyz! " quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich. Falsches Üben von Xylophonmusik quält jeden größeren Zwerg. </div> <div> <h2><a name="t4" id="t4">News 4</a></h2> Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim. Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. "Fix, Schwyz! " quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich. Falsches Üben von Xylophonmusik quält jeden größeren Zwerg. </div> </div> </div> <div id="content">

Text unter dem Design:
</div> </div> <div id="content_footer"> <div id="footer"> <div id="box_footer"><h2 class="footer">Über diese Seite:</h2> Das ist eine Tesstseite, hier geht es darum den Besuchern von <a href="http://BagArts.de" _fcksavedurl="http://BagArts.de">BagArts</a> das Design zu veranschaulichen und es ihnen vorzuführen. Und dann hofft der Webmaster von <a href="http://BagArts.de" _fcksavedurl="http://BagArts.de">BagArts</a> noch das sie sein Design runterladen <img src="//theme.webme.com/smiles/wink.gif" border="0" width="15" height="15" alt="" /> <br /><br /> <div style="font-size : 14px; font-family : Arial;">Copyright by <a class="footer2" href="/index.php" _fcksavedurl="/index.php">Deine Seite</a><br />Design by <a class="footer2" href="http://bagarts.de" _fcksavedurl="http://bagarts.de">BagArts.de</a></div> </div> <div id="box_footer2"> <h2 class="footer">Partner:</h2> <ul> <li><a href="http://bagarts.de" _fcksavedurl="http://bagarts.de">- BagArts</a></li> <li><a href="http://bagarts.de" _fcksavedurl="http://bagarts.de">- BagArts</a></li> <li><a href="http://bagarts.de" _fcksavedurl="http://bagarts.de">- BagArts</a></li> <li><a href="http://bagarts.de" _fcksavedurl="http://bagarts.de">- BagArts</a></li> </ul> <br> <h2 class="footer">Vote:</h2> <ul> <li><a href="http://bagarts.de" _fcksavedurl="http://bagarts.de">- BagArts</a></li> <li><a href="http://bagarts.de" _fcksavedurl="http://bagarts.de">- BagArts</a></li> <li><a href="http://bagarts.de" _fcksavedurl="http://bagarts.de">- BagArts</a></li> <li><a href="http://bagarts.de" _fcksavedurl="http://bagarts.de">- BagArts</a></li> </ul> </div> <div id="box_footer2"> <h2 class="footer">Seiten:</h2> <ul> <li ><a href="" _fcksavedurl="">- Home</a></li> <li ><a href="" _fcksavedurl="">- Home</a></li> <li ><a href="" _fcksavedurl="">- Home</a></li> <li ><a href="" _fcksavedurl="">- Home</a></li> <li ><a href="" _fcksavedurl="">- Home</a></li> <li ><a href="" _fcksavedurl="">- Home</a></li> <li ><a href="" _fcksavedurl="">- Home</a></li> <li ><a href="" _fcksavedurl="">- Home</a></li> </ul> </div> </div> </div>

CSS Code (ohne Style Tags):
/* Dieser Code unterliegt dem Copyright von Luka Harambasic von http://bagarts.de. Dieser Code darf nach belieben verändert werden, aber das Copyright darf nicht aus dem Footer oder aus dem CSS-Code ohne die Erlaubnis von Luka Harambasic entfernt werden. Viel Spaß Baggy aka Luka */ /*HPBK*/ h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;} #nav_container{display:none;} #sidebar_container{display:none;} #counter{display:none;} /*Werbung*/ table[height="102"] { margin:0px auto; width: 800px; margin-top: -10px; text-align:center; } /*Schrift*/ img { border: 0; } h1 { color: #FDA20D; font-size : 30px; font-weight : bold; font-family : Arial; margin: 20px 0px 0px 0px; text-shadow: 0px 0px 3px #000000; } h2 { color: #808080; font-size : 22px; font-weight : bold; font-family : Arial; margin-top: -5px; margin: 0px; } h3 { color : #7b7b7b; font-size : 110%; font-family : Arial; } hr { height : 1px; width : 100%; background-color : #cccccc; margin-bottom : 6px; margin-top : 6px; border : 0; } a { color : #FDA20D; font-size : 15px; font-family : Arial; text-decoration : underline; } a:hover { color : #383838; font-size : 15px; font-family : Arial; text-decoration : none; } /*Sonstiges*/ body{ width: 100%; height: auto; background: #fff url(http://bagarts.de/designs/blue/images/bg.orange.png) repeat-x; text-align: center; margin: 0px auto; font-family : Arial; font-size : 15px; color: #000; } #container{ width: 900px; min-height: 100%; text-align: left; margin: 0px auto; } /*Header*/ #header{ width: 900px; height: 200px; text-align: center; margin: 0px auto; } #header h2{ color: #fff; font-size: 38px; font-weight: bold; font-family: Arial; text-decoration: none; } #header a{ text-decoration: none; } /*Navigation*/ #navi{ width: 900px; height: 42px; text-align: right; margin: 0px auto; padding-top: 18px; } a.navi{ width: 100%; height: 100%; color : #555555; font-size : 17px; font-family : Arial; font-weight: bold; text-decoration : none; padding: 8px; } a.navi:hover { color : #111111; font-size : 17px; font-family : Arial; font-weight: bold; text-decoration : none; background: #fff; } #navi ul{ list-style: none; display: inline; margin: 0; padding: 0; } #navi li{ list-style: none; display: inline; margin: 0; padding: 10px 8px 10px 8px; } #navi li:hover{ background: #fff; } #titel{ color: #fff; margin-top: -10px; font-size: 38px; font-weight: bold; font-family: Arial; text-shadow: 0px 0px 1px #fff; text-decoration: none; float: left; } /*Content*/ #content{ width: 900px; min-height: 100%; text-align: left; margin: 0px auto; background: #fff; padding-top: 5px; margin-bottom: 50px; } /*Footer*/ #content_footer{ width: 100%; height: 400px; text-align: center; margin:0px; background: #fff url(http://bagarts.de/designs/blue/images/footer.orange.png) repeat-x; } #footer{ width: 900px; height: 360px; text-align: left; margin: 0px auto; color: #fff; padding-top: 25px; } #box_footer{ width: 400px; height: auto; text-align: left; float: left; color: #fff; font-size : 15px; } #box_footer2{ width: 200px; height: auto; text-align: left; color: #fff; font-size : 15px; float: right; } #footer h2{ color : #fff; font-size : 21px; font-family : Arial; font-weight: bold; text-decoration : none; text-shadow: 2px 2px 5px #000000; } #footer a{ color : #fff; font-size : 14px; font-family : Arial; font-weight: bold; text-decoration : none; } #footer a:hover{ color : #ababab; font-family : Arial; text-decoration : none; } #box_footer2 a{ color : #fff; font-size : 17px; font-family : Arial; text-decoration : none; font-weight: bold; } #box_footer2 a:hover{ color : #ababab; font-family : Arial; text-decoration : none; } #footer li{ color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration : none; list-style: none; padding-left: 6px; margin-top: 8px; } #footer ul{ margin-top: -5px; } /*Teaser*/ div.domtab{ width:80%; font-size:90%; list-style: none; text-align: left; } ul.domtabs{ float:left; width:100%; margin:0; list-style: none; text-align: center; } ul.domtabs li{ float:left; padding:0 .5em 0 0; list-style: none; } ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active, ul.domtabs a:hover{ width: 100px; display:block; background:#fff; color:#534f4f; padding-top: 10px; padding-bottom: 10px; font-weight:bold; text-decoration:none; } html>body ul.domtabs a:link, html>body ul.domtabs a:visited, html>body ul.domtabs a:active, html>body ul.domtabs a:hover{ height:auto; } ul.domtabs a:hover{ background: #ededed; color: #767272; } div.domtab div{ clear:both; width:auto; background: transperent; color:#fff; padding:1em 3em; } ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover{ background: transperent; color:#000; } #domtabprintview{ float:right; padding-right:1em; text-align:right; } #domtabprintview a:link, #domtabprintview a:visited, #domtabprintview a:active, #domtabprintview a:hover{ color:#000; } div.domtab div a:link, div.domtab div a:visited, div.domtab div a:active{ color:#000; display:block; font-weight:bold; font-size:1.3em; } div.domtab div h2 a, div.domtab div h2 a:hover, div.domtab div h2 a:active{ color:#000; display:inline; padding:0; font-weight:normal; font-size:1em; text-decoration: none;}