Dapple

Volium

Titel der neuen Seit

//===============================================//
//
//Sicherheitskopie der Texte der Webseite hpbk-designtemplates.de.tl 06.06.2013, um 18:17:54//
//===============================================//
################
Startseite (Hauptseite)
################
<div style="text-align: left; "><span style="font-size: large;">Hallo,<br />
<br />
willkommen auf&nbsp;meiner&nbsp;neuen Homepage HPBK-DesignTemplates.de.tl!<br />
Auf dieser Seite kannst du vieles gute f&uuml;r deine Hompage tun wie z.B. Tutorials einbinden, Designs einbinden!<br />
Sogut wie alles.<br />
<br />
Viel Spass mit deiner Seite!<br />
Dein Teamvon HPBK-DesignTemplates.de.tl<br />
</span></div>
<div style="text-align: center; "><span style="font-size: large;"> <br />
</span><br />
<iframe width="500" height="140" id="widget" name="widget" border="0" style="border:0px" allowtransparency="true" scrolling="no" src="http://laut.fm/widgets/player_for/kellerradio,?player%5Bstations%5D=kellerradio%2C&player%5Bcolor%5D%5Bcolor%5D=white&player%5Bshadow%5D=true&player%5Bdisplay%5D%5Bborder%5D%5Bradius%5D=60px&player%5Bautoplay%5D=false&player%5Bcolor%5D%5Bbackground_to%5D=%23b00000&player%5Bcolor%5D%5Bbackground_from%5D=%23500000&player%5Bborder%5D%5Bcolor%5D=%23cccccc&player%5Bborder%5D%5Bwidth%5D=0px&player%5Bbutton%5D%5Bcolor%5D%5Bbackground_to%5D=%23800000&player%5Bbutton%5D%5Bcolor%5D%5Bbackground_from%5D=%23300000&player%5Bbutton%5D%5Bborder%5D%5Bcolor%5D=%23dbdbdb&player%5Bbutton%5D%5Bborder%5D%5Bwidth%5D=2px">widget</iframe></div>
<br />
 
 
################
Design ColorPack (Unterseite von "Muhaha")
################
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/colorpack.png" src="https://img.webme.com/pic/h/hpbk-designtemplates/colorpack.png" /><a href="http://hpbk-designtemplates.de.tl/%3CDesign%3C%3E1%3E.htm"><br />
</a><b>Color Pack<br />
</b><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text unter dem Design:<br />
<textarea readonly="readonly" style="width: 100px; height: 50px;">Coding by &lt;a href=&quot;http://hpbk-generatoren.de.tl&quot; _fcksavedurl=&quot;http://hpbk-generatoren.de.tl&quot; target=&quot;_blank&quot;&gt;HPBK-Generatoren&lt;/a&gt;; Designed by &lt;a href=&quot;http://hpbk-designtemplates.de.tl&quot; _fcksavedurl=&quot;http://hpbk-designtemplates.de.tl&quot; target=&quot;_blank&quot;&gt;HPBK-DesignTemplates&lt;/a&gt;;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea readonly="readonly" style="width: 100px; height: 50px;">/* Generated with HpBk-Generatoren.de.tl */*{padding:0; margin:0;} #pre_header,#header,#post_header,#nav_heading,#sidebar_heading,#pre_content,#counter,#post_content,#sidebar_heading,#extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6{display:none;}html,body{width:100%;min-height:100%;overflow:auto}#nav {list-style-type: none;overflow:hidden;}#content_container{overflow:hidden;}table[height=&quot;102&quot;]{margin-right:auto;margin-left:auto;}body{background-color:#eeeeee;color:#000000;font-family:arial;font-size:14px;text-align:center;}#container{background-color:#ffff00;width:962px;margin-bottom:10px;margin-top:10px;margin-right:auto;margin-left:auto;text-align:justify;overflow:hidden;border-top:1px solid black;border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid black;}#header_container{background-color:#0000ff;height:200px;margin-bottom:10px;}#nav_container{background-color:#ffffff;height:40px;margin-bottom:10px;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;}li.nav_element{background-color:#FFFFFF;width:120px;height:40px;text-align:center;border-right:1px solid #c9c9c9;float:left;}li.nav_element:hover{background-color:#202020;}li.nav_element a{display:block;color:#000000;font-size:15px;line-height:40px;text-decoration:none;}li.nav_element a:hover{color:#ffffff;}#content{background-color:#ffffff;width:645px;margin-bottom:10px;margin-left:10px;margin-right:10px;padding:20px;overflow:hidden;border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;float:left;min-height:200px;}#title{background-color:#dddddd;margin-bottom:15px;margin-top:-20px;margin-left:-20px;margin-right:-20px;color:#000000;font-size:14px;padding:10px;}#below_content{background-color:#ffffff;width:202px;margin-bottom:10px;margin-right:10px;padding:20px;overflow:hidden;border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;float:left;min-height:203px;}#sidebar_container{background-color:#000000;height:50px;border-top:1px solid #c9c9c9;clear:both;}</textarea>
 
################
Design CrazyColours (Unterseite von "Muhaha")
################
<img src="https://img.webme.com/pic/h/hpbk-designtemplates/crazycolours.png" width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/crazycolours.png" /><font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"><br />
</span></font> <b>Crazy Colours<br />
</b><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text unter dem Design:<br />
<textarea readonly="readonly" style="width: 100px; height: 50px;">Coding by &lt;a href=&quot;http://hpbk-generatoren.de.tl&quot; _fcksavedurl=&quot;http://hpbk-generatoren.de.tl&quot; target=&quot;_blank&quot;&gt;HPBK-Generatoren&lt;/a&gt;; Designed by &lt;a href=&quot;http://hpbk-designtemplates.de.tl&quot; _fcksavedurl=&quot;http://hpbk-designtemplates.de.tl&quot; target=&quot;_blank&quot;&gt;HPBK-DesignTemplates&lt;/a&gt;;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea readonly="readonly" style="width: 100px; height: 50px;">/* Generated with HpBk-Generatoren.de.tl */*{padding:0; margin:0;} #pre_header,#header,#post_header,#nav_heading,#sidebar_heading,#pre_content,#counter,#post_content,#sidebar_heading,#extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6{display:none;}html,body{width:100%;min-height:100%;overflow:auto}#nav {list-style-type: none;overflow:hidden;}#content_container{overflow:hidden;}table[height=&quot;102&quot;]{margin-right:auto;margin-left:auto;}body{background-color:#eeeeee;color:#000000;font-family:arial;font-size:14px;text-align:center;}#container{background-color:#ffff00;width:962px;margin-bottom:10px;margin-top:10px;margin-right:auto;margin-left:auto;background-image:url(http://www10.pic-upload.de/28.05.13/27fh3h9a3wf7.jpg);background-position:center;text-align:justify;overflow:hidden;border-top:1px solid black;border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid black;}#header_container{background-color:#0000ff;height:200px;margin-bottom:10px;background-image:url(http://www10.pic-upload.de/28.05.13/alca734xai8e.jpg);background-position:center;}#nav_container{background-color:#ffffff;height:40px;margin-bottom:10px;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;}li.nav_element{background-color:#FFFFFF;width:120px;height:40px;text-align:center;border-right:1px solid #c9c9c9;float:left;}li.nav_element:hover{background-color:#202020;}li.nav_element a{display:block;color:#000000;font-size:15px;line-height:40px;text-decoration:none;}li.nav_element a:hover{color:#ffffff;}#content{background-color:#000000;width:645px;margin-bottom:10px;margin-left:10px;margin-right:10px;padding:20px;overflow:hidden;border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;float:left;min-height:200px;}#title{background-color:#dddddd;margin-bottom:15px;margin-top:-20px;margin-left:-20px;margin-right:-20px;color:#000000;font-size:14px;padding:10px;}#below_content{background-color:#ffffff;width:202px;margin-bottom:10px;margin-right:10px;padding:20px;overflow:hidden;border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;float:left;min-height:203px;}#sidebar_container{background-color:#ffffff;height:50px;border-top:1px solid #000000;clear:both;} </textarea>
 
################
Beispielseite (Unterseite von "Muhaha")
################
<a href="http://hpbk-designtemplates.de.tl/%3CDesign%3C%3E1%3E.htm"><font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"><br />
</span></font><br />
</a><b>Color Pack<br />
</b><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text &uuml;ber dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly"></textarea> <br />
Text unter dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly"></textarea> <br />
Css code ohne Styling Tags:<br />
<textarea style="width:100px; height:50px;" readonly="readonly"></textarea>
 
################
Design SingleSlider (Unterseite von "Muhaha")
################
<img src="https://img.webme.com/pic/h/hpbk-designtemplates/singleslider.jpg" width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/singleslider.jpg" /><font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"><a href="http://hpbk-designtemplates.de.tl/%3CDesign%3C%3E1%3E.htm"><br />
</a></span></font><b>Single Slider<br />
</b><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text &uuml;ber dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt;FCK:meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;  /&gt; &lt;title&gt;Single Slider - Free CSS Templates&lt;/title&gt; &lt;FCK:meta name=&quot;keywords&quot; content=&quot;single, slider, free templates, website templates, CSS, HTML&quot;  /&gt; &lt;FCK:meta name=&quot;description&quot; content=&quot;Single Slider is a free CSS template provided by templatemo.com&quot;  /&gt; &lt;link href=&quot;css/templatemo_style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;  <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script> <script src="js/jquery.easing.1.3.js" type="text/javascript"></script> <script src="js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>  <script type="text/javascript">
$().ready(function() {  
$('.kwicks').kwicks({  
max : 710,  
spacing : 0,  
sticky: true,
});  
}); 
</script>  <script type="text/javascript" src="js/jquery-1-4-2.min.js"></script>  &lt;link rel=&quot;stylesheet&quot; href=&quot;css/slimbox2.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;  <script type="text/JavaScript" src="js/slimbox2.js"></script>   &lt;/head&gt;  &lt;body&gt;  &lt;div id=&quot;templatemo_wrapper&quot;&gt; &lt;div id=&quot;templatemo_main&quot;&gt; &lt;div id=&quot;site_title&quot;&gt; &lt;h1&gt;&lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot;&gt;Free CSS Templates&lt;/a&gt;&lt;/h1&gt; &lt;/div&gt; &lt;div id=&quot;templatemo_content&quot;&gt; &lt;ul class=&quot;kwicks&quot;&gt; &lt;li id=&quot;home&quot;&gt;&lt;span class=&quot;header&quot;&gt;&lt;/span&gt; &lt;div class=&quot;inner&quot;&gt; &lt;h2&gt;Welcome to Single Slider&lt;/h2&gt; &lt;p&gt;&lt;em&gt;Duis nisi mauris, eleifend eget ornare ut, iaculis sit amet justo. Nunc ut justo dui. Integer ac justo justo, a pulvinar turpis. Quisque elementum metus nec est interdum placerat. Curabitur sed ipsum eros, quis tristique eros. Aliquam erat volutpat.&lt;/em&gt;&lt;/p&gt; &lt;img src=&quot;http://s1.directupload.net/images/130601/8j5n9js8.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/8j5n9js8.jpg&quot; alt=&quot;Image 01&quot; class=&quot;image_fl&quot; /&gt; &lt;div class=&quot;col_half float_r&quot;&gt; &lt;p&gt;&lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot;&gt;Single Slider&lt;/a&gt; is a free css template for your personal or commercial websites. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla. Curabitur vestibulum mattis sapien, id mollis arcu cursus vel. &lt;/p&gt; &lt;h3&gt;Overview&lt;/h3&gt; &lt;ul class=&quot;templatemo_list&quot;&gt; &lt;li&gt;Maecenas ac odio&lt;/li&gt; &lt;li&gt;Fusce risus tortor&lt;/li&gt; &lt;li&gt;Proin facilisis ulla&lt;/li&gt; &lt;li&gt;Sed vel justo quis&lt;/li&gt; &lt;li&gt;Ut tristique sagittis&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/li&gt; &lt;li id=&quot;about&quot;&gt;&lt;span class=&quot;header&quot;&gt;&lt;/span&gt; &lt;div class=&quot;inner&quot;&gt; &lt;h2&gt;About&lt;/h2&gt; &lt;img src=&quot;http://s14.directupload.net/images/130601/innn8kir.jpg&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/innn8kir.jpg&quot; alt=&quot;Image 02&quot; class=&quot;image_fr&quot; /&gt; &lt;p&gt;&lt;em&gt;Ut tincidunt risus porta ipsum tristique sodales. Cras et urna erat. Integer laoreet turpis id arcu congue scelerisque.&lt;/em&gt;&lt;/p&gt; &lt;p&gt;Aenean facilisis bibendum neque, adipiscing dapibus felis elementum id. Vestibulum ante ipsum primis in &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;faucibus orci&lt;/a&gt; luctus et ultrices posuere cubilia Curae; Phasellus id metus leo, vitae posuere ligula. Aliquam volutpat congue facilisis. Nunc dui mauris, eleifend id facilisis vitae, interdum sit amet ipsum. Praesent congue placerat imperdiet. Nulla facilisi. Morbi sollicitudin congue. Validate &lt;a href=&quot;http://validator.w3.org/check?uri=referer&quot; _fcksavedurl=&quot;http://validator.w3.org/check?uri=referer&quot; rel=&quot;nofollow&quot;&gt;&lt;strong&gt;XHTML&lt;/strong&gt;&lt;/a&gt; &amp; &lt;a href=&quot;http://jigsaw.w3.org/css-validator/check/referer&quot; _fcksavedurl=&quot;http://jigsaw.w3.org/css-validator/check/referer&quot; rel=&quot;nofollow&quot;&gt;&lt;strong&gt;CSS&lt;/strong&gt;&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;Nulla quam felis, gravida et eleifend sed, sollicitudin quis purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec est purus, fermentum in vulputate nec, laoreet sed dui. Duis in metus eu augue aliquet vestibulum. Nam laoreet, augue eu imperdiet tristique, elit &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;orci rutrum elit&lt;/a&gt;, bibendum lobortis arcu magna sed nunc. Suspendisse eros diam, dictum in elementum at, pharetra eget massa. Phasellus odio risus, pharetra vel rutrum quis, iaculis ac purus. Nam et mi non urna congue ornare. Aenean et dolor diam.&lt;/p&gt; &lt;/div&gt; &lt;/li&gt; &lt;li id=&quot;social&quot;&gt;&lt;span class=&quot;header&quot;&gt;&lt;/span&gt; &lt;div class=&quot;inner&quot;&gt; &lt;h2&gt;Social&lt;/h2&gt; &lt;p&gt;&lt;em&gt;Maecenas consectetur adipiscing neque, eget vestibulum orci suscipit eu. Nam adipiscing, nisi eu porta porttitor, tellus sem sollicitudin orci, sed pharetra lorem augue vel nibh. Donec id tortor ipsum, vitae tempor turpis. In hac habitasse platea dictumst.&lt;/em&gt;&lt;/p&gt; &lt;ul class=&quot;social_links&quot;&gt; &lt;li&gt;&lt;a href=&quot;http://www.facebook.com/templatemo&quot; _fcksavedurl=&quot;http://www.facebook.com/templatemo&quot; class=&quot;facebook&quot;&gt;Facebook&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;flickr&quot;&gt;Flickr&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;linkedin&quot;&gt;Linkedin&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;twitter&quot;&gt;Twitter&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;yahoo&quot;&gt;Yahoo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;youtube&quot;&gt;Youtube&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/li&gt; &lt;li id=&quot;portfolio&quot;&gt;&lt;span class=&quot;header&quot;&gt;&lt;/span&gt; &lt;div class=&quot;inner&quot;&gt; &lt;h2&gt;Portfolio&lt;/h2&gt; &lt;ul id=&quot;gallery&quot;&gt; &lt;li&gt;&lt;a href=&quot;bil&quot; _fcksavedurl=&quot;bil&quot; rel=&quot;lightbox[portfolio]&quot; title=&quot;Curabitur facilisis auctor risus, eget lacinia leo feugiat ac.&quot;&gt;&lt;img src=&quot;http://s14.directupload.net/images/130601/qd97sx86.jpg&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/qd97sx86.jpg&quot; alt=&quot;Image 01&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;http://s14.directupload.net/images/130601/lipoa76w.jpg&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/lipoa76w.jpg&quot; rel=&quot;lightbox[portfolio]&quot; title=&quot;Nulla varius laoreet tellus, non volutpat mi iaculis a.&quot;&gt;&lt;img src=&quot;http://s14.directupload.net/images/130601/lipoa76w.jpg&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/lipoa76w.jpg&quot; alt=&quot;Image 02&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;images/portfolio/03-l.jpg&quot; _fcksavedurl=&quot;images/portfolio/03-l.jpg&quot; class=&quot;no_margin_right&quot; rel=&quot;lightbox[portfolio]&quot; title=&quot;Vestibulum euismod mi et massa volutpat lobortis.&quot;&gt;&lt;img src=&quot;images/portfolio/03.jpg&quot; _fcksavedurl=&quot;images/portfolio/03.jpg&quot; alt=&quot;Image 03&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;http://s7.directupload.net/images/130601/hg5m74kg.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/hg5m74kg.jpg&quot; rel=&quot;lightbox[portfolio]&quot; title=&quot;Quisque volutpat nunc a felis lobortis aliquet.&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/hg5m74kg.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/hg5m74kg.jpg&quot; alt=&quot;Image 04&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;images/portfolio/05-l.jpg&quot; _fcksavedurl=&quot;images/portfolio/05-l.jpg&quot; rel=&quot;lightbox[portfolio]&quot; title=&quot;Nullam dictum enim et quam posuere dapibus.&quot;&gt;&lt;img src=&quot;images/portfolio/05.jpg&quot; _fcksavedurl=&quot;images/portfolio/05.jpg&quot; alt=&quot;Image 05&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;images/portfolio/06-l.jpg&quot; _fcksavedurl=&quot;images/portfolio/06-l.jpg&quot; class=&quot;no_margin_right&quot; rel=&quot;lightbox[portfolio]&quot; title=&quot;Phasellus condimentum nisi et mi feugiat dapibus.&quot;&gt;&lt;img src=&quot;images/portfolio/06.jpg&quot; _fcksavedurl=&quot;images/portfolio/06.jpg&quot; alt=&quot;Image 06&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/li &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; <!-- END of content --> &lt;/div&gt; <!-- END of templatemo_main -->    </textarea> <br />
Text unter dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly"> &lt;div id=&quot;templatemo_footer&quot;&gt;Copyright &copy; 2048 Your Company Name | Designed by &lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot; target=&quot;_parent&quot;&gt;Free CSS Templates&lt;/a&gt;&lt;/div&gt; | Coing by&lt;a href=&quot;http://www.HPBK-DesignTemplates.de.tl&quot; _fcksavedurl=&quot;http://www.HPBK-DesignTemplates.de.tl&quot; target=&quot;_parent&quot;&gt;HPBK-DesignTemplates.de.tl&lt;/a&gt; &lt;/div&gt; <!-- END of templatemo_wrapper -->  &lt;/body&gt; &lt;/html&gt;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">#extraDiv1 {display: none;}   #extraDiv2 {display: none;}   #extraDiv3 {display: none;}   #extraDiv4 {display: none;}   #extraDiv5 {display: none;}   #extraDiv6 {display: none;}   #pre_header {display: none;}   #post_header {display: none;}  #pre_content {display: none;}   #nav_heading{display: none;}   #nav{display: none;}   div.header{display: none;}   h1#title{display: none;}   h2#title span {display: none;} /* Credit: http://www.templatemo.com */  body { margin: 0; padding: 0; color: #58503f; font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif; font-size: 12px; line-height: 1.4em;   background-color: #b8ad88;   background-repeat: repeat-x; background-position: top; background-image: url(http://s7.directupload.net/images/130601/xibtfq98.jpg); }  a, a:link, a:visited {   color: #d79a1e;   font-weight: normal;   text-decoration: none;   font-style: italic;  }  a:hover {   text-decoration: underline;  }  a.more {   display: inline-block;   width: 90px;   height: 13px;   background: url(../images/templatemo_read_more.png) no-repeat;  }  p { margin: 0 0 20px 0; padding: 0; }  img { border: none; border: #fff 4px solid }  blockquote { font-style: italic; margin: 0 0 0 10px;}  cite { font-weight: bold; color:#7c7970; } cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal } cite span { font-weight: 400; color: #29b2c2; }  .image_fl { float: left; margin: 3px 20px 5px 0 } .image_fr { float: right; margin: 3px 0 5px 20px }  h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; font-family: Georgia, &quot;Times New Roman&quot;, Times, serif }  h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 } h2 { font-size: 28px; margin: 0 0 25px; padding: 3px 0 } h3 { font-size: 18px; margin: 0 0 15px; padding: 0; } h4 { font-size: 16px; margin: 0 0 10px; padding: 0; } h5 { font-size: 14px; margin: 0 0 10px; padding: 0;  } h6 { font-size: 10px; margin: 0 0 5px; padding: 0; }  .cleaner { clear: both } .h10 { height: 10px } .h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px }  .float_l { float: left } .float_r { float: right }  #templatemo_wrapper { width: 100%; background: url(http://s1.directupload.net/images/130601/anrs5k3i.jpg) no-repeat top center }  #templatemo_main {   width: 960px; margin: 0 auto; padding: 150px 0 180px; }  #site_title {   padding: 30px 0;  }  #site_title h1 {   margin: 0;   padding: 0;  }  #site_title h1 a {   display: block;   font-size: 12px;   font-family: Georgia, &quot;Times New Roman&quot;, Times, serif;   width: 220px;   height: 95px;   color: #acacac;   text-indent: -10000px;   background: url(http://s14.directupload.net/images/130601/4v9bmpwa.png) no-repeat center left;  }  #templatemo_content { width: 950px; height: 513px; padding: 5px; background: url(http://s14.directupload.net/images/130601/bn5ue3cq.png); }  .kwicks { list-style: none; position: relative; margin: 0; padding: 0; }  .kwicks li{ display: block; overflow: hidden; padding: 0; cursor: pointer; background: url(http://s14.directupload.net/images/130601/jn32jr6i.png) no-repeat left }  #templatemo_content li { float: left; position: relative; width: 190px; height: 490px; margin-right: 5px; }  .kwicks li.active { background: url(http://s7.directupload.net/images/130601/zfd6irmj.png) no-repeat left; }  .kwicks li span.header { position: absolute; bottom: 20px; left: 20px; width: 15px; height: 300px; background-repeat: no-repeat; background-position: bottom; }  #templatemo_content #home {  } #templatemo_content #home.active {  } #templatemo_content #about { } #templatemo_content #about.active { } #templatemo_content #social { } #templatemo_content #social.active { } #templatemo_content #portfolio {  } #templatemo_content #portfolio.active {  } #templatemo_content #contact { } #templatemo_content #contact.active { margin-right: 0px; }  #templatemo_content #home span.header { background-image: url(http://s1.directupload.net/images/130601/mei5ctcn.png) }  #templatemo_content #home.active span.header { background-image: url(http://s1.directupload.net/images/130601/mei5ctcn.png) }  #templatemo_content #about span.header { background-image: url(http://s1.directupload.net/images/130601/b</textarea>
 
################
Tutorials (Hauptseite)
################
Hier sind ein paar kleine Tutorials:<br />
<br />
1. <a target="_blank" href="lauf.htm">Der Lauftext...</a> <br />
Den Lauftext kannst du benutzen um Hompage Besuchern News oder Wichtige Sachen anzuzeigen!<br />
<br />
2. <a target="_blank" href="cssbo.htm">Die Css Box...</a><br />
In diese Css Box kannst du z.B. HTML oder CSS Codes rein schreiben, so dass die Besucherden code besser kopieren k&ouml;nnen!<br />
<br />
3. <a target="_blank" href="weve.htm">Text Werbung verschieben...</a> <br />
Mit diesen Code kannst du die Werbung d&uuml;r den HPBK verschieben!<br />
<br type="_moz" />
4. <a target="_blank" href="nogo.htm">No Go's auf deiner Website...</a> <br />
Hier ein paar Sachen was eine Website unbeliebt macht! <br />
<br />
5. <a target="_blank" href="baer.htm">Einen eigenen Banner erstellen...</a> <br />
Hier zeig ich dir wie du die selber einen Banner erstellen kannst! <br />
<br />
6. <a target="_blank" href="Erfolg.htm">Das Erfolgsgeheimnis...</a> <br />
Hier wird die das Rezept verraten wie du deine Hompage schnell ber&uuml;hmt und bekannt machen kannst!<br />
<br />
7.<a target="_blank" href="alert.htm">Die Alert Box...</a> <br />
Die Alert Box zeigt ihnen bei Seitenaufruf oder Klick eine Nachricht an!<br />
 
################
Lauf (Unterseite von "Muhaha")
################
Um einen Lauftext auf deiner Seite einf&uuml;gen zu k&ouml;nnen musst du diese 3 Schritte beachten:<br />
<br />
1. Du gehst in den HPBK Login Bereich und gehst auf den <a target="_blank" href="http://www.homepage-baukasten.de/editpage.php">Seiteneditor</a> in den Quellcode!<br />
<br />
2. F&uuml;ge dort dann diesen Code ein:<span style="background-color: rgba(255, 255, 255, 0);"><br style="font-style: italic; " />
<span style="font-style: italic; ">&lt;marquee direction=&quot;<span style="color: rgb(255, 0, 0); ">Hier in welche Richtung der Text Laufen soll (z.B. left, right oder up, down)</span>&quot; behavior=&quot;scroll&quot; scrollamount=&quot;1&quot; scrolldelay=&quot;1&quot; style=&quot;color:#000000;font-size:16px;font-family:Arial;&quot; &gt;</span><br style="font-style: italic; " />
<span style="color: rgb(255, 0, 0); "><i>Hier kommt dein Text rein!</i></span><br style="font-style: italic; " />
<span style="font-style: italic; ">&lt;/marquee&gt;</span><br style="font-style: italic; " />
<br />
</span>
<div>&nbsp;</div>
3. Das sieht dann so aus:  <!-- Start Laufschrift - Generiert mit www.design-generator.de.tl --> <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="1" style="color:#000000;font-size:16px;font-family:Arial;"> Hier dein Text! </marquee> <!-- Ende Laufschrift -->
 
################
Cssbo (Unterseite von "Muhaha")
################
Um eine Css Box in deine Hompage einf&uuml;gen zu k&ouml;nnen muss du einfach diese 4 Schritte befolgen:<br />
<br />
<span style="background-color: rgba(255, 255, 255, 0);">1. Du gehst in den HPBK Login Bereich und gehst auf den&nbsp;<a target="_blank" href="http://www.homepage-baukasten.de/editpage.php">Seiteneditor</a>&nbsp;in den Quellcode!<br />
<br />
2. F&uuml;ge dort dann diesen Code ein:<br type="_moz" />
&lt;textarea&nbsp;<span style="padding: 0px; margin: 0px; ">rows=&quot;6&quot;</span>&nbsp;<span style="padding: 0px; margin: 0px; ">cols=&quot;50&quot;</span>&gt;<span style="color: rgb(255, 0, 0); ">Hier kommt dein Code oder Text hin!</span>&lt;/textarea&gt;<br />
<br />
3. Das muss dann richtig so aussehen:<br type="_moz" />
<textarea rows="6" cols="50">Hier kommt dein Code oder Text hin</textarea></span>
 
################
Weve (Unterseite von "Muhaha")
################
<span style="background-color: rgba(255, 255, 255, 0);">Um eine Css Box in deine Hompage einf&uuml;gen zu k&ouml;nnen muss du einfach diese 2 Schritte befolgen:<br />
<br />
1. Du gehst in den HPBK Login Bereich und gehst auf <a target="_blank" href="http://www.homepage-baukasten.de/design.php">Desining einstellen</a>&nbsp;und dann dort auf Erweiterte Einstellungen.<br />
<br />
2. Dann f&uuml;gst du in den Bereich &quot;<span style="font-weight: bold; text-align: left; ">CSS-Code</span><br style="font-weight: bold; text-align: left; " />
</span>
<div style="text-align: -webkit-auto;"><span style="font-weight: bold; text-align: left; background-color: rgba(255, 255, 255, 0);">ohne Style Tags</span><span style="background-color: rgba(255, 255, 255, 0); ">&quot; diesen Code ein:<br />
<br />
</span>
<div><span style="background-color: rgba(255, 255, 255, 0);">/*UNTEREWERBUNG VERSCHIEBEN*/</span></div>
<div><span style="background-color: rgba(255, 255, 255, 0);">#webme_footer_textlink_dont_hide {</span></div>
<div><span style="background-color: rgba(255, 255, 255, 0);">color: #FFFFFF;</span></div>
<div><span style="background-color: rgba(255, 255, 255, 0);">position: absolute;</span></div>
<div><span style="background-color: rgba(255, 255, 255, 0);">left: 415px;</span></div>
<div><span style="background-color: rgba(255, 255, 255, 0);">in: 0px;</span></div>
<div><span style="background-color: rgba(255, 255, 255, 0);">/*UNTEREWERBUNG VERSCHIEBEN ENDE*/</span></div>
<span style="background-color: rgba(255, 255, 255, 0); "> <br type="_moz" />
</span></div>
 
################
Nogo (Unterseite von "Muhaha")
################
Hier sind ein paar No Go's aufgelistet f&uuml;r deine Hompage:<br />
<br />
1. Es nervt wen man durch zu viel Werbung bel&auml;stigt wird!&nbsp;<br />
<br />
2. Mach nie so eine &quot;Multi-Seite&quot; sondern Konzentriere dich Lieber auf 2-3 Themen oder auch nur ein Thema!<br />
<br />
3. Schreibe in deine Hompage nicht nur 1-3 S&auml;tze sondern wen dan schreib halt mal in Ruhe einen gut Formulierten Text am besten nich Blinkend!&nbsp;<img src="https://img.webme.com/smiles/cool.gif" alt="" /><br />
<br />
4. Kopiere keine Texte von anderen Hompages das ist erstens verboten und das macht einen nur unbeliebter. Tipp: Schreibe die Texte lieber selber ordentlich.<br />
<br />
<br type="_moz" />
 
################
Baer (Unterseite von "Muhaha")
################
<span style="background-color: rgba(255, 255, 255, 0);">Um einen Banner erstellen zu k&ouml;nnen muss du einfach diese 3 Schritte befolgen:<br />
<br />
1. Du gehst in den HPBK Login Bereich und gehst auf den&nbsp;<a target="_blank" href="http://www.homepage-baukasten.de/bilder.php">Bilder Upload</a>&nbsp;oder <a target="_blank" href="http://www.imgbox.de/">hier</a> und ladest dein gew&uuml;nschtes Banner Bild hoch.<br />
<br />
2. Dann kopierst du die Bild URL und f&uuml;gst sie in diesen Code rein:<br />
<br />
</span>
<div><span style="background-color: rgba(255, 255, 255, 0);">&lt;a href=&quot;<span style="color: rgb(255, 0, 0); ">Der Hompage Link hier!</span>&quot;&gt;&lt;br /&gt;</span></div>
<div><span style="background-color: rgba(255, 255, 255, 0);">&lt;img src=&quot;<span style="color: rgb(255, 0, 0); ">Und die Bild URL hier!</span>&quot; alt=&quot;Bild hochladen</span></div>
<div><span style="background-color: rgba(255, 255, 255, 0);">&amp;lt;br type=&quot; /&gt;<br />
<br />
3. Wenn du dann alles richtig gemacht hast, muss das dann z.B. so aussehen:<br type="_moz" />
</span></div>
 
################
Erfolg (Unterseite von "Muhaha")
################
Um eine bekannt me Hompage zu werden musst du du diese Schritte beachten:<br />
<br />
1. Du brauchst ein anst&auml;ndiges Design! Nicht so eins wie es der HPBK anbietet sondern ein &quot;CSS&quot; Design. Solche Designs findest du auf dieser Hompage oder auf www.hpbk-templateworld.de.tl, diese Seite hat mehr als 129 Templates!<br />
<br />
2. Gestallte deinen Inhalt Interessant und achte auf deine Rechtschreibung!<br />
<br />
3. Mache bei allen m&ouml;glich Awards mit wie z.B. Volium.de.tl, free-awards.de...., damit andere deine Website sehen und vielleicht weiter emphelen!<br />
<br />
4. F&auml;nge an News zu schreiben und die Newsletter aktivieren!<br type="_moz" />
<br />
Dieses Kontzept funktioniert meistens sehr gut!  Viel Gl&uuml;ck
 
################
Design IceColors (Unterseite von "Muhaha")
################
<a href="http://www.pic-upload.de/view-19510590/image.jpg.html"><br />
<img alt="Bild hochladen" src="http://www10.pic-upload.de/thumb/29.05.13/2e8qxgxxsmds.jpg" /><br />
</a><font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"><br />
</span></font><br />
<b>Ice colors<br />
</b><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text &uuml;ber dem Design:<br />
<textarea readonly="readonly" style="width: 100px; height: 50px;">&lt;style type=&quot;text/css&quot;&gt; /* Generated by www.design-generator.de.tl */ body{background: url(http://www10.pic-upload.de/28.05.13/27fh3h9a3wf7.jpg) repeat fixed; background-size: contain;} td.edit_below_nav img{display:none;} td.edit_rechts_sbg,td.edit_below_nav{visibility: hidden;} td.edit_navi_headbg,td.edit_rechts_bottom,td.edit_rechts_cbg{background: none!important;} td.edit_header_full{background: url(http://www10.pic-upload.de/28.05.13/alca734xai8e.jpg) repeat;} a.menu,a.menu:hover,a.menu:visited{font-size: 12px;} td.edit_content_top{background: url(http://bilder.hifi-forum.de/max/424786/weisses-testbild_124655.jpg);} td.edit_content{background: url(http://bilder.hifi-forum.de/max/424786/weisses-testbild_124655.jpg);} td.edit_content_main div{overflow: visible!important;} td.edit_content div{font-size: 12px;} td.edit_content_bottom{background: url(http://bilder.hifi-forum.de/max/424786/weisses-testbild_124655.jpg);} &lt;/style&gt;</textarea> <br />
Text unter dem Design:<br />
<textarea readonly="readonly" style="width: 100px; height: 50px;">Coding by &lt;a href=www.design-generator.de.tl&quot; _fcksavedurl=&quot;http://hpbk-generatoren.de.tl&quot; target=&quot;_blank&quot;&gt;Design-Generatoren&lt;/a&gt;; Designed by &lt;a href=&quot;http://hpbk-designtemplates.de.tl&quot; _fcksavedurl=&quot;http://hpbk-designtemplates.de.tl&quot; target=&quot;_blank&quot;&gt;HPBK-DesignTemplates&lt;/a&gt;;</textarea>
 
################
design softlink (Unterseite von "Muhaha")
################
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/softlink.png" src="https://img.webme.com/pic/h/hpbk-designtemplates/softlink.png" /><br />
<strong>Softlink</strong><br />
<br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text &uuml;ber dem Design:<br />
<textarea readonly="readonly" style="width: 100px; height: 50px;">&lt;div id=&quot;Designbild&quot;&gt; &lt;/div&gt;</textarea> <br />
Text unter dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;div id=&quot;Feld_unten&quot;&gt;&lt;div style=&quot;text-align: center&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">--&gt; &lt;/style&gt; &lt;center&gt; &lt;style type=&quot;text/css&quot;&gt; &lt;!-- td[height=&quot;102&quot;] { position:absolute; left:50%; margin-left:-369px; } /* Nullformatierung f&uuml;r alle Browser */ *{margin:0px; padding:0px; } /* Hintergrund */ body { background-color: #DFDFDF; background-image: url(https://img.webme.com/pic/u/ut-infos/designjhbesucherhinter.png); }  /* Designbild / Breite und H&ouml;he vom Bild einf&uuml;gen */ #Designbild { position:absolute; top: 100px; left:50%; margin-left:-640px; width:1280px; height:890px; background-image:url(https://img.webme.com/pic/u/ut-infos/neuesdesignbesucher.png);}  /* Das Textfeld */ #content { position: absolute; left: 50%; top: 375px; margin-left:-370px; width: 750px; height:558px; overflow:auto;} color:#000000; font-size:13px; font-family:arial; text-align:left; background-color:; background-image: none; border: 0px solid #FFFFFF;} /* Linkfarben im Textfeld content */ #content a{ color:#000080;} /* Feld Navigation */ #nav_container { position: absolute; left:50%; top: 335px; margin-left:-390px; border:0px solid #FFFFFF;} ul#nav { list-style-type: none;}   li.nav_element{ background-image: none; height: 31px; display: inline; padding: 6px; border: 1px solid #;}   li.nav_element:hover{ background-image: none; border: 1px solid #;}   a.menu{ text-decoration: none; font-family: arial; font-weight:bold; color: #FFFFFF;}   h2#title{ background-color: #000000; color: #000000; border: 1px solid #000000; test-align: center; font-size: 18px; font-family: times new roman, arial; margin: 0px 670px 10px 0px;} /* Feld unter Textfeld */ #Feld_unten { position: absolute; left: 50%; top: 0px; margin-left:-190px; width: 380px; height: 63px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #FFFFFF;}  /* Felder die wir nicht ben&ouml;tigen */ h1#header {display:none;} h2#title {display:none;} #sidebar_heading{display:none;} #nav_heading{display:none;} #counter { position: absolute; width: 700px; left: 50%; margin-left: -580px; font-family: &quot;Trebuchet MS&quot;, Tahoma, Arial; font-size: 12px; color: #000000; font-weight: normal; text-align: right; top: 970px; } #counter span { background-color: #ffffff; padding: 0px 3px 0px 3px; border-left : 1px #FFFFFF solid; }</textarea>
 
################
tour (Unterseite von "Muhaha")
################
Willkommen bei der HPBK-DesignTemplates Tour,<br />
Wir werden sich hier nun durch die gesamte Hompage f&uuml;hren...  <a href="tour1.htm" target="_blank"><img src="http://www10.pic-upload.de/thumb/29.05.13/18xrmy3jy3vw.jpg" alt="Bilder oder Fotos hochladen" /></a>
 
################
Tour1 (Unterseite von "Muhaha")
################
<br />
<u style="font-weight: bold; ">Design ausw&auml;hlen/ finden</u><br />
<br />
Um ein Design auszuw&auml;hlen m&uuml;sst du im Men&uuml; auf &quot;Designs&quot; klicken:<br />
<br type="_moz" style="font-weight: bold; /&gt;
&lt;a href=" target="_blank" />
<img src="http://www10.pic-upload.de/thumb/29.05.13/ahsauan1suj8.jpg" alt="Bilder oder Fotos hochladen" /><br />
<br />
&nbsp;Nun muss es so aussehen:<br />
<br type="_moz" />
<a target="_blank"><img src="http://www7.pic-upload.de/thumb/29.05.13/fdyz7mknyctf.jpg" alt="Bilder oder Fotos hochladen" /></a> <br />
Nun klicke einfach das gew&uuml;nschte Design Album zu den Css code zu kommen...
 
################
imp (Unterseite von "Muhaha")
################
<span style="border-width: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; "><font face="inherit"><span style="font-size: 15px; background-color: rgba(255, 255, 255, 0);">Da diese Homepage keine kommerzielle Seite mit kostenpflichtigen Angeboten ist, wird hier keine Kontaktadresse angegeben.</span></font><br />
<br />
<font face="inherit"><span style="font-size: 15px; background-color: rgba(255, 255, 255, 0);"> Kontakt:</span></font><br />
<font face="inherit"><span style="font-size: 15px; background-color: rgba(255, 255, 255, 0);"> e-mail:&nbsp;</span></font><strong style="background-color: rgba(255, 255, 255, 0);">hpbkdesigntemplates@gmail.com</strong><br />
<font face="inherit"><span style="font-size: 15px; background-color: rgba(255, 255, 255, 0);"> oder:&nbsp;&nbsp;&nbsp;&nbsp;</span></font><a style="font-family: inherit; font-size: 15px; background-color: rgba(255, 255, 255, 0); border-width: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(36, 76, 207); text-decoration: none; " href="http://www.Volium.de.tl/Kontakt.htm">Kontaktformular</a><br />
</span>
<h2 style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 22px; font-style: inherit; font-weight: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; clear: both; box-shadow: rgb(223, 213, 197) 0px 0px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; "><font size="3" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 22px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; "><span style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 22px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Haftungsausschluss:</span></font></h2>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><strong style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Haftung f&uuml;r Inhalte</strong></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><span style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Die Inhalte unserer Seiten wurden mit gr&ouml;&szlig;ter Sorgfalt erstellt. F&uuml;r die Richtigkeit, Vollst&auml;ndigkeit und Aktualit&auml;t der Inhalte k&ouml;nnen wir jedoch keine Gew&auml;hr &uuml;bernehmen. Als Diensteanbieter sind wir gem&auml;&szlig; &sect; 7 Abs.1 TMG f&uuml;r eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach &sect;&sect; 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, &uuml;bermittelte oder gespeicherte fremde Informationen zu &uuml;berwachen oder nach Umst&auml;nden zu forschen, die auf eine rechtswidrige T&auml;tigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unber&uuml;hrt. Eine diesbez&uuml;gliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung m&ouml;glich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</span></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><strong style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Haftung f&uuml;r Links</strong></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><span style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Unser Angebot enth&auml;lt Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb k&ouml;nnen wir f&uuml;r diese fremden Inhalte auch keine Gew&auml;hr &uuml;bernehmen. F&uuml;r die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf m&ouml;gliche Rechtsverst&ouml;&szlig;e &uuml;berpr&uuml;ft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</span></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><strong style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Urheberrecht</strong></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><span style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielf&auml;ltigung, Bearbeitung, Verbreitung und jede Art der Verwertung au&szlig;erhalb der Grenzen des Urheberrechtes bed&uuml;rfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur f&uuml;r den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</span></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><strong style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Datenschutz</strong></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><span style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten m&ouml;glich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit m&ouml;glich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdr&uuml;ckliche Zustimmung nicht an Dritte weitergegeben.</span></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><span style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Wir weisen darauf hin, dass die Daten&uuml;bertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitsl&uuml;cken aufweisen kann. Ein l&uuml;ckenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht m&ouml;glich.</span></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><span style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">Der Nutzung von im Rahmen der Impressumspflicht ver&ouml;ffentlichten Kontaktdaten durch Dritte zur &Uuml;bersendung von nicht ausdr&uuml;cklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdr&uuml;cklich widersprochen. Die Betreiber der Seiten behalten sich ausdr&uuml;cklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.</span></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><span style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-color: rgba(255, 255, 255, 0); ">&nbsp;</span></p>
<p style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; vertical-align: baseline; text-align: -webkit-auto; "><i style="font-style: italic; background-color: rgba(255, 255, 255, 0); ">Quellenangaben:&nbsp;<a style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; color: rgb(36, 76, 207); text-decoration: none; " href="http://www.e-recht24.de/muster-disclaimer.htm" target="_blank">Disclaimer eRecht24</a></i></p>
 
################
Kontaktd (Unterseite von "Muhaha")
################
<!-- Do not change the code! --> <a id="foxyform_embed_link_430177" href="http://www.foxyform.com/">foxyform</a> <script type="text/javascript">
(function(d, t){
   var g = d.createElement(t),
       s = d.getElementsByTagName(t)[0];
   g.src = "http://www.foxyform.com/js.php?id=430177&sec_hash=9d45df932e4&width=350px";
   s.parentNode.insertBefore(g, s);
}(document, "script"));
</script> <!-- Do not change the code! -->
 
################
H (Unterseite von "Muhaha")
################
onclick=&quot;this.style.backgroundImage = 'url(http://www10.pic-upload.de/29.05.13/ahsauan1suj8.jpg)';&quot;m<br />
<br />
<br />
<br />
<br />
<br />
<span style="background-color: rgba(255, 255, 255, 0);">&lt;a href=&quot;http://www.pic-upload.de/view-19514569/image.jpg.html&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www7.pic-upload.de/thumb/29.05.13/gxjg3xzav6.jpg&quot; alt=&quot;Bilder oder Fotos hochladen&quot;&gt;&lt;/a&gt;</span><br type="_moz" />
 
################
alert (Unterseite von "Muhaha")
################
<p>Um eine Alert Box zu machen muss man folgende Schritte beachten:<br />
<br />
1. Man muss sich nat&uuml;rlich in Hompage Baukasten einloggen.<br />
<br />
2. Man geht in den Seiteneditor und geht auf der gew&uuml;nschten Seite in den Quellcode.<br />
<br />
3. In den Quellcode kopiert ihr folgenden Text rein:<br />
<br />
&nbsp;&gt;&lt;SCRIPT LANGUAGE=&quot;JavaScript&quot;&gt;<br />
&lt;!--<br />
window.alert(&quot;<span style="color: rgb(255, 0, 0);">Geben Sie Ihre Nachricht hier </span><span style="color: rgb(255, 0, 0);">ein!</span>&quot;)<br />
// --&gt;<br />
&lt;/SCRIPT&gt;<br />
<br />
4. Speichere nun die ganze Sache ab!<br />
&nbsp;</p>
 
################
>Design<>4< (Unterseite von "Muhaha")
################
<a target="_blank" href="http://www.pic-upload.de/view-19514569/image.jpg.html"><img alt="Bilder oder Fotos hochladen" src="http://www7.pic-upload.de/thumb/29.05.13/gxjg3xzav6.jpg" /></a><font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"> </span></font><br />
<strong>BlackBlue<br />
</strong><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text unter dem Design:<br />
<textarea readonly="readonly" style="width: 100px; height: 50px;">Coding by &lt;a href=&quot;http://hpbk-generatoren.de.tl&quot; _fcksavedurl=&quot;http://hpbk-generatoren.de.tl&quot; target=&quot;_blank&quot;&gt;HPBK-Generatoren&lt;/a&gt;; Designed by &lt;a href=&quot;http://hpbk-designtemplates.de.tl&quot; _fcksavedurl=&quot;http://hpbk-designtemplates.de.tl&quot; target=&quot;_blank&quot;&gt;HPBK-DesignTemplates&lt;/a&gt;;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea readonly="readonly" style="width: 100px; height: 50px;">/* Generated with HpBk-Generatoren.de.tl */*{padding:0; margin:0;} #pre_header,#header,#post_header,#nav_heading,#sidebar_heading,#pre_content,#counter,#post_content,#sidebar_heading,#extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6{display:none;}html,body{width:100%;min-height:100%;overflow:auto}#nav {list-style-type: none;overflow:hidden;}#content_container{overflow:hidden;}table[height=&quot;102&quot;]{}body{background-color:#eeeeee;color:#000000;font-family:arial;font-size:14px;text-align:center;}#container{background-color:#1f1f15;width:962px;margin-bottom:10px;margin-top:10px;margin-right:auto;margin-left:auto;text-align:justify;overflow:hidden;}#header_container{background-color:#010114;height:200px;margin-bottom:10px;}#nav_container{background-color:#1a1624;height:40px;margin-bottom:10px;}li.nav_element{background-color:#FFFFFF;width:120px;height:40px;text-align:center;border-right:2px solid #eeeeee;float:left;}li.nav_element:hover{background-color:#202020;}li.nav_element a{display:block;color:#000000;font-size:15px;line-height:40px;text-decoration:none;}li.nav_element a:hover{color:#ffffff;}#content{background-color:#c7bfc7;width:638px;margin-bottom:10px;margin-left:10px;margin-right:10px;padding:20px;overflow:hidden;border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;float:right;min-height:200px;}#title{background-color:#9c979c;margin-bottom:15px;margin-top:-20px;margin-left:-20px;margin-right:-20px;color:#6d16f0;font-size:14px;padding:10px;}#below_content{background-color:#4813f5;width:201px;margin-bottom:10px;margin-right:10px;padding:20px;overflow:hidden;float:right;min-height:203px;}#sidebar_container{background-color:#3917fa;height:50px;clear:both;}</textarea>
 
################
Css Feld (Unterseite von "Muhaha")
################
<textarea readonly="readonly" style="width: 100px; height: 50px;"></textarea>
 
################
b (Unterseite von "Muhaha")
################
&lt;a href=&quot;<a href="http://hpbk-designtemplates.de.tl/">http://hpbk-designtemplates.de.tl/</a>&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;<a href="http://hpbk-designtemplates.de.tl/sig.png">http://hpbk-designtemplates.de.tl/sig.png</a>&quot; width=&quot;500&quot; height=&quot;60&quot; border=&quot;0&quot; alt=&quot;hpbk-designtemplates.de.tl&quot;&gt;&lt;/a&gt;
 
################
Designa (Hauptseite)
################
Css Designs:<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/softlink.png" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/softlink.png" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-softlink.htm"><span style="font-size: medium; ">SoftLink</span></a><br />
<br />
Ein Design fur Firmen oder Award Seiten. Es enth&auml;lt &uuml;ber 15 Men&uuml; Links daher gut f&uuml;r Templates Anbieter da auch viele Bilder drin sind.<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/techno.png" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/techno.png" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-techno.htm"><span style="font-size: medium; ">Techno</span></a><br />
<br />
Ein Design f&uuml;r Foto, Awards oder Gamer Seiten. Es enth&auml;lt haupts&auml;chlich 2 Farben: Orange und Schwarz.<br />
<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/metro.jpg" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/metro.jpg" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-metro.htm"><span style="font-size: medium; "><strong>Metro</strong></span></a><br />
<br />
Ein Design f&uuml;r eigentlich alles! Es enth&auml;lt m&ouml;glichkeiten Bilder austellen zu k&ouml;nnen und die Website weiter zu empfehlen.<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/singleslider.jpg" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/singleslider.jpg" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-singleslider.htm"><span style="font-size: medium; ">SingleSlider</span></a><br />
<br />
Ein Design f&uuml;r auf jeden fall Fotos! Es hat 5 Men&uuml; Links.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/crazycolours.png" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/crazycolours.png" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-crazycolours.htm"><span style="font-size: medium; ">Crazy Colours</span></a><br />
<br />
Diese Design ist f&uuml;r Anf&auml;nger sehr geeignet da man nicht von selbst Men&uuml;-links hinzuf&uuml;gen muss. <br />
<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/colorpack.png" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/colorpack.png" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-colorpack.htm"><span style="font-size: medium; ">Color Pack</span></a><br />
<br />
Diese Design ist f&uuml;r Anf&auml;nger sehr geeignet da man nicht von selbst Men&uuml;-links hinzuf&uuml;gen muss. Es hat eine rechte Box und die Werbung wurde auch zentriert.<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/idealab-med.jpg" src="https://img.webme.com/pic/h/hpbk-designtemplates/idealab-med.jpg" align="left" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="http://hpbk-designtemplates.de.tl/Design-idealab.htm"><span style="font-size: medium; ">Idealab</span></a><br />
<br />
Diese Design ist f&uuml;r Firmen bzw. Award-Seiten und Template Seiten!<br />
 
################
Css (Unterseite von "Muhaha")
################
Css Designs:<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/softlink.png" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/softlink.png" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-softlink.htm"><span style="font-size: medium; ">SoftLink</span></a><br />
<br />
Ein Design fur Firmen oder Award Seiten. Es enth&auml;lt &uuml;ber 15 Men&uuml; Links daher gut f&uuml;r Templates Anbieter da auch viele Bilder drin sind.<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/techno.png" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/techno.png" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-techno.htm"><span style="font-size: medium; ">Techno</span></a><br />
<br />
Ein Design f&uuml;r Foto, Awards oder Gamer Seiten. Es enth&auml;lt haupts&auml;chlich 2 Farben: Orange und Schwarz.<br />
<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/metro.jpg" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/metro.jpg" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-metro.htm"><span style="font-size: medium; "><strong>Metro</strong></span></a><br />
<br />
Ein Design f&uuml;r eigentlich alles! Es enth&auml;lt m&ouml;glichkeiten Bilder austellen zu k&ouml;nnen und die Website weiter zu empfehlen.<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/singleslider.jpg" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/singleslider.jpg" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-singleslider.htm"><span style="font-size: medium; ">SingleSlider</span></a><br />
<br />
Ein Design f&uuml;r auf jeden fall Fotos! Es hat 5 Men&uuml; Links.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/crazycolours.png" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/crazycolours.png" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-crazycolours.htm"><span style="font-size: medium; ">Crazy Colours</span></a><br />
<br />
Diese Design ist f&uuml;r Anf&auml;nger sehr geeignet da man nicht von selbst Men&uuml;-links hinzuf&uuml;gen muss. <br />
<br />
<br />
<br />
<br />
<br />
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/colorpack.png" align="left" src="https://img.webme.com/pic/h/hpbk-designtemplates/colorpack.png" />&nbsp;<a style="color: rgb(0, 0, 0); font-size: 12px; background-color: rgb(255, 255, 255); " href="design-colorpack.htm"><span style="font-size: medium; ">Color Pack</span></a><br />
<br />
Diese Design ist f&uuml;r Anf&auml;nger sehr geeignet da man nicht von selbst Men&uuml;-links hinzuf&uuml;gen muss. Es hat eine rechte Box und die Werbung wurde auch zentriert.<br />
<br />
 
################
New (Unterseite von "Muhaha")
################
<a href="http://www.pic-upload.de/view-19548151/image.jpg.html"><img src="http://www7.pic-upload.de/thumb/01.06.13/pf3axrn3zwr2.jpg" alt="Bild hochladen" /></a><a href="http://hpbk-designtemplates.de.tl/%3CDesign%3C%3E1%3E.htm"><font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"><br />
</span></font></a><b>Techno<br />
</b><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text &uuml;ber dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt;FCK:meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;  /&gt; &lt;title&gt;Techno Theme, Free CSS Template&lt;/title&gt; &lt;FCK:meta name=&quot;keywords&quot; content=&quot;techno, theme, free templates, orange, dark gray, black, metal bar, metallic design&quot;  /&gt; &lt;FCK:meta name=&quot;description&quot; content=&quot;Techno Theme is a free template modern style designed by orange, dark gray, and black colors.&quot;  /&gt; &lt;link href=&quot;css/templatemo_style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;  &lt;link rel=&quot;stylesheet&quot; href=&quot;css/nivo-slider.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;  <script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/ddsmoothmenu.css&quot; /&gt;  <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/ddsmoothmenu.js">
 
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
 
</script>  <script type="text/javascript">
 
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
 
</script>  &lt;/head&gt; &lt;body id=&quot;home&quot;&gt;  &lt;div id=&quot;templatemo_wrapper&quot;&gt;     &lt;div id=&quot;templatemo_header_home&quot;&gt;     &lt;div id=&quot;site_title&quot;&gt;&lt;h1&gt;&lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot;&gt;Free CSS Templates&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;     &lt;/div&gt; <!-- end of header -->       &lt;div id=&quot;templatemo_middle&quot;&gt;     &lt;div id=&quot;templatemo_middle_text&quot;&gt;         &lt;h2&gt;Pellentesque neque orci &lt;strong&gt;Nunc ornare metus leo&lt;/strong&gt;&lt;/h2&gt;             &lt;p&gt;Aenean eu convallis libero. Cras iaculis laoreet nisl et aliquet. Fusce sed leo a tellus porta tristique. Quisque orci elit, egestas blandit quis, vulputate in tortor. &lt;/p&gt;             &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;learnmore&quot;&gt;Learn More&lt;/a&gt;         &lt;/div&gt;         &lt;div id=&quot;slider-wrapper&quot;&gt;                      &lt;div id=&quot;slider&quot; class=&quot;nivoSlider&quot;&gt;                 &lt;img src=&quot;http://s1.directupload.net/images/130601/5f6ky96l.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/5f6ky96l.jpg&quot; alt=&quot;Slider 01&quot; title=&quot;Aenean tortor vel porttitor volutpat&quot; /&gt;                 &lt;a href=&quot;http://dev7studios.com&quot; _fcksavedurl=&quot;http://dev7studios.com&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/4glkwrao.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/4glkwrao.jpg&quot; alt=&quot;Slider 02&quot; title=&quot;Donec sit amet gravida quam ut condimentum risus&quot; /&gt;&lt;/a&gt;                 &lt;img src=&quot;http://s1.directupload.net/images/130601/t8525cwx.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/t8525cwx.jpg&quot; alt=&quot;Slider 03&quot; title=&quot;Pellentesque dignissim dapibus fermentum&quot;/&gt;                 &lt;img src=&quot;http://s1.directupload.net/images/130601/hk4erzh9.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/hk4erzh9.jpg&quot; alt=&quot;Slider 03&quot; title=&quot;Mauris lobortis placerat sollicitudin&quot; /&gt;             &lt;/div&gt;                  &lt;/div&gt;                      <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>             <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>             <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider();
            });
            </script>                      &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;     &lt;/div&gt; <!-- end of middle -->          &lt;div id=&quot;templatemo_main&quot;&gt;     &lt;div id=&quot;content_top&quot;&gt;             &lt;div class=&quot;col_2&quot;&gt;                 &lt;h4&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Aliquam posuere imperdiet aliquet&lt;/a&gt;&lt;/h4&gt;                                 &lt;div class=&quot;image_fl&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/cfimlcbj.png&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/cfimlcbj.png&quot; alt=&quot;Image 01&quot; /&gt;&lt;/div&gt;                 &lt;p&gt;Ut sed lorem ac ante cursus auctor. Nam ut congue velit. Cras eget fermentum sem. Maecenas nec purus lorem.&lt;/p&gt;                 &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;more float_r&quot;&gt;More&lt;/a&gt;                 &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;             &lt;/div&gt;             &lt;div class=&quot;col_2 no_margin_right&quot;&gt;                 &lt;h4&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Nulla sed convallis nisl imperdiet&lt;/a&gt;&lt;/h4&gt;                 &lt;div class=&quot;image_fl&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;img src=&quot;http://s14.directupload.net/images/130601/5s69boif.png&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/5s69boif.png&quot; alt=&quot;Image 02&quot; /&gt;&lt;/div&gt;                 &lt;p&gt;Morbi blandit nunc vitae odio volutpat hendrerit. Aliquam adipiscing nunc eget arcu vulputate consectetur. &lt;/p&gt;                 &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;more float_r&quot;&gt;More&lt;/a&gt;                 &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;             &lt;/div&gt;             &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;         &lt;/div&gt;                  &lt;div id=&quot;content&quot;&gt;         &lt;h2&gt; Latest Website Template&lt;/h2&gt;         &lt;div class=&quot;post no_pmb&quot;&gt;             &lt;img src=&quot;http://s1.directupload.net/images/130601/od94q3nu.png&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/od94q3nu.png&quot; alt=&quot;Image 01&quot; class=&quot;image_frame image_fl&quot; /&gt;                 &lt;h2 class=&quot;home&quot;&gt;Integer Sit Amet Dui Lorem&lt;/h2&gt;                 &lt;div class=&quot;meta&quot;&gt;by &lt;strong&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Edward&lt;/a&gt;&lt;/strong&gt; on &lt;strong&gt;March 23, 2048&lt;/strong&gt; in &lt;strong&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;3D&lt;/a&gt;, &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Interactive&lt;/a&gt;&lt;/strong&gt; | &lt;strong&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;154 comments&lt;/a&gt;&lt;/strong&gt;&lt;/div&gt;                             &lt;p&gt;&lt;a href=&quot;http://www.templatemo.com/&quot; _fcksavedurl=&quot;http://www.templatemo.com/&quot;&gt;Techno&lt;/a&gt; is free css template provided by &lt;a href=&quot;http://www.templatemo.com/&quot; _fcksavedurl=&quot;http://www.templatemo.com/&quot;&gt;templatemo.com&lt;/a&gt; for your personal or commercial websites. Credit goes to &lt;a href=&quot;http://jwloh.deviantart.com/art/Aquaticus-Social-91014249&quot; _fcksavedurl=&quot;http://jwloh.deviantart.com/art/Aquaticus-Social-91014249&quot; target=&quot;_blank&quot;&gt;jwloh&lt;/a&gt; for icons. Suspendisse potenti. Vivamus ac nibh eget justo sodales posuere a nec ipsum. Nullam arcu nisi, imperdiet at mollis in, congue sed ante. Aenean eget consequat est. Sed eleifend ante nec nisi dictum aliquam. In eget orci libero. Proin in felis non fermentum dapibus. Suspendisse potenti. Validate &lt;a href=&quot;http://validator.w3.org/check?uri=referer&quot; _fcksavedurl=&quot;http://validator.w3.org/check?uri=referer&quot; rel=&quot;nofollow&quot;&gt;&lt;strong&gt;XHTML&lt;/strong&gt;&lt;/a&gt; &amp; &lt;a href=&quot;http://jigsaw.w3.org/css-validator/check/referer&quot; _fcksavedurl=&quot;http://jigsaw.w3.org/css-validator/check/referer&quot; rel=&quot;nofollow&quot;&gt;&lt;strong&gt;CSS&lt;/strong&gt;&lt;/a&gt;.&lt;/p&gt;                 &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;more float_r&quot;&gt;More&lt;/a&gt;                 &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;             &lt;/div&gt;         &lt;/div&gt;                  &lt;div id=&quot;sidebar&quot;&gt;         &lt;h3&gt;Services&lt;/h3&gt;             &lt;ul class=&quot;templatemo_list&quot;&gt;                 &lt;li&gt;Augue felis pharetra felis&lt;/li&gt;                 &lt;li&gt;Condimentum et vulputate&lt;/li&gt;                 &lt;li&gt;Dolor vel condimentum&lt;/li&gt;                 &lt;li&gt;Felis pharetra felis sed&lt;/li&gt;                 &lt;li&gt;Integer placerat dolor vel&lt;/li&gt;                 &lt;li&gt;Tortor mi in massa donec&lt;/li&gt;                 &lt;li&gt;Vulputate tortor mi in massa&lt;/li&gt;             &lt;/ul&gt;         &lt;/div&gt;                  &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;     &lt;/div&gt; <!-- end of main --> &lt;/div&gt; <!-- end of wrapper --> &lt;div id=&quot;templatemo_footer_wrapper&quot;&gt; &lt;div id=&quot;templatemo_footer&quot;&gt;     </textarea> <br />
Text unter dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;br /&gt; &lt;br /&gt; &lt;div class=&quot;cleaner h20&quot;&gt;&lt;/div&gt;                          &lt;p&gt;Copyright &copy; 2048 &lt;br /&gt; Your Company Name | Designed by &lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot; target=&quot;_parent&quot;&gt;Free CSS Templates&lt;/a&gt;&lt;/p&gt; | Coding by  &lt;a href=&quot;http://www.hpbk-designtemplates.de.tl&quot; _fcksavedurl=&quot;http://www.hpbk-designtemplates.de.tl&quot; target=&quot;_parent&quot;&gt;HPBK-DesignTemplates.de.tl&lt;/a&gt;           &lt;/div&gt;                  &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;     &lt;/div&gt; <!-- end of footer --> &lt;/div&gt; <!-- end of footer wrapper --> &lt;/body&gt; &lt;/html&gt;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">#extraDiv1 {display: none;}   #extraDiv2 {display: none;}   #extraDiv3 {display: none;}   #extraDiv4 {display: none;}   #extraDiv5 {display: none;}   #extraDiv6 {display: none;}   #pre_header {display: none;}   #post_header {display: none;}  #pre_content {display: none;}   #nav_heading{display: none;}   #nav{display: none;}   div.header{display: none;}   h1#title{display: none;}   h2#title span {display: none;} /* Credit: http://www.templatemo.com */  body { margin: 0; padding: 0; color: #5e5b57; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; line-height: 1.4em;   background-color: #242424; background-repeat: repeat-x; background-position: top }  a, a:link, a:visited {   color: #f2b600;   font-weight: normal;   text-decoration: none;  }  a:hover {   text-decoration: underline;  }  a.learnmore {   display: block;   width: 110px;   height: 40px;   text-indent: -10000px;   background: url(http://s7.directupload.net/images/130531/b8pxksr2.png) no-repeat;  }  a.more {   display: inline-block;   padding-right: 24px;   font-size: 11px;   font-weight: 700;   background: url(http://s1.directupload.net/images/130531/asbew3vf.png) no-repeat scroll 34px 3px;  }  p { margin: 0 0 10px 0; padding: 0; } img { border: none; } blockquote { font-style: italic; margin: 0 0 0 10px;} cite { font-weight: bold; color:#e17300; } cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal } cite span { font-weight: 400; color: #e17300; }  h1, h2, h3, h4, h5, h6 { color: #f2b600; font-weight: normal; } h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 } h2 { font-size: 30px; margin: 0 0 25px; padding: 5px 0 } h3 { font-size: 24px; margin: 0 0 20px; padding: 0; } h4 { font-size: 18px; margin: 0 0 15px; padding: 0; } h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  } h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }  .cleaner { clear: both } .h10 { height: 10px } .h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px }  .float_l { float: left } .float_r { float: right }  .image_frame {   display: inline-block;   position: relative;   margin: 3px 0 10px 0;   background: #111111;   padding: 6px;   border: 1px solid #3a3a3a;  }  .image_fl {   float: left;   margin: 3px 20px 12px 0;  }  .image_fr {   float: right;   margin: 3px 0 12px 20px;  }  .templatemo_list {   margin: 10px 0 10px 0;   padding: 0;   list-style: none;  }  .templatemo_list li {   color:#5e5b57;   margin: 0 0 10px 0;   padding: 0 5px 0 20px;   background: url(http://s1.directupload.net/images/130531/jath94ef.png) no-repeat scroll 0 5px;   }  .templatemo_list li a {   color: #5e5b57;   font-weight: normal;  }  .templatemo_list li a:hover { color: #5e5b57 }  #home {   background-image: url(../images/templatemo_home_bg.jpg);  }  #subpage {   background-image: url(../images/templatemo_subpage_bg.jpg);  }  #templatemo_wrapper { width: 960px; margin: 0 auto; padding: 0 10px; } #templatemo_menu { width: 960px; height: 50px; } #templatemo_header_home { width: 960px; height: 150px; background: url(http://s1.directupload.net/images/130531/mdd3hbz4.jpg) no-repeat top  } #templatemo_header_sp { width: 960px; height: 150px; background: url(http://s7.directupload.net/images/130531/2c52ingc.jpg) no-repeat top  } #templatemo_middle { width: 960px; height: 326px; padding-top: 15px; background:url(http://s1.directupload.net/images/130531/rpjx9zdf.jpg) no-repeat bottom } #templatemo_main { width: 960px; padding: 20px 0 40px } #templatemo_footer_wrapper { width: 100%; background: #1b1b1b url(http://s14.directupload.net/images/130531/46oqhn9c.jpg) repeat-x top } #templatemo_footer { width: 960px; padding: 40px 10px; margin: 0 auto; }  #site_title {   margin: 0 auto;   padding: 40px 0;  }  #site_title h1 {   margin: 0;   padding: 0;  }  #site_title h1 a {   margin: 0 auto;   display: block;   width: 162px;   height: 32px;   text-indent: -10000px;   background:  url(http://s7.directupload.net/images/130531/dhyf2i2s.png) no-repeat center top;  }  #templatemo_middle_text { float: right; width: 500px; padding: 20px 0; }  #templatemo_middle_text h2 {   color: #535353;   font-size: 28px;   font-weight: normal;   line-height: 34px;   margin-bo</textarea>
 
################
Design Techno (Unterseite von "Muhaha")
################
<img src="https://img.webme.com/pic/h/hpbk-designtemplates/techno.png" width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/techno.png" /><font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"><a href="http://hpbk-designtemplates.de.tl/%3CDesign%3C%3E1%3E.htm"><br />
</a></span></font><b>Techno<br />
</b><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text &uuml;ber dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt;FCK:meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;  /&gt; &lt;title&gt;Techno Theme, Free CSS Template&lt;/title&gt; &lt;FCK:meta name=&quot;keywords&quot; content=&quot;techno, theme, free templates, orange, dark gray, black, metal bar, metallic design&quot;  /&gt; &lt;FCK:meta name=&quot;description&quot; content=&quot;Techno Theme is a free template modern style designed by orange, dark gray, and black colors.&quot;  /&gt; &lt;link href=&quot;css/templatemo_style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;  &lt;link rel=&quot;stylesheet&quot; href=&quot;css/nivo-slider.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;  <script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/ddsmoothmenu.css&quot; /&gt;  <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/ddsmoothmenu.js">
 
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
 
</script>  <script type="text/javascript">
 
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
 
</script>  &lt;/head&gt; &lt;body id=&quot;home&quot;&gt;  &lt;div id=&quot;templatemo_wrapper&quot;&gt;     &lt;div id=&quot;templatemo_header_home&quot;&gt;     &lt;div id=&quot;site_title&quot;&gt;&lt;h1&gt;&lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot;&gt;Free CSS Templates&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;     &lt;/div&gt; <!-- end of header -->       &lt;div id=&quot;templatemo_middle&quot;&gt;     &lt;div id=&quot;templatemo_middle_text&quot;&gt;         &lt;h2&gt;Pellentesque neque orci &lt;strong&gt;Nunc ornare metus leo&lt;/strong&gt;&lt;/h2&gt;             &lt;p&gt;Aenean eu convallis libero. Cras iaculis laoreet nisl et aliquet. Fusce sed leo a tellus porta tristique. Quisque orci elit, egestas blandit quis, vulputate in tortor. &lt;/p&gt;             &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;learnmore&quot;&gt;Learn More&lt;/a&gt;         &lt;/div&gt;         &lt;div id=&quot;slider-wrapper&quot;&gt;                      &lt;div id=&quot;slider&quot; class=&quot;nivoSlider&quot;&gt;                 &lt;img src=&quot;http://s1.directupload.net/images/130601/5f6ky96l.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/5f6ky96l.jpg&quot; alt=&quot;Slider 01&quot; title=&quot;Aenean tortor vel porttitor volutpat&quot; /&gt;                 &lt;a href=&quot;http://dev7studios.com&quot; _fcksavedurl=&quot;http://dev7studios.com&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/4glkwrao.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/4glkwrao.jpg&quot; alt=&quot;Slider 02&quot; title=&quot;Donec sit amet gravida quam ut condimentum risus&quot; /&gt;&lt;/a&gt;                 &lt;img src=&quot;http://s1.directupload.net/images/130601/t8525cwx.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/t8525cwx.jpg&quot; alt=&quot;Slider 03&quot; title=&quot;Pellentesque dignissim dapibus fermentum&quot;/&gt;                 &lt;img src=&quot;http://s1.directupload.net/images/130601/hk4erzh9.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/hk4erzh9.jpg&quot; alt=&quot;Slider 03&quot; title=&quot;Mauris lobortis placerat sollicitudin&quot; /&gt;             &lt;/div&gt;                  &lt;/div&gt;                      <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>             <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>             <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider();
            });
            </script>                      &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;     &lt;/div&gt; <!-- end of middle -->          &lt;div id=&quot;templatemo_main&quot;&gt;     &lt;div id=&quot;content_top&quot;&gt;             &lt;div class=&quot;col_2&quot;&gt;                 &lt;h4&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Aliquam posuere imperdiet aliquet&lt;/a&gt;&lt;/h4&gt;                                 &lt;div class=&quot;image_fl&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/cfimlcbj.png&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/cfimlcbj.png&quot; alt=&quot;Image 01&quot; /&gt;&lt;/div&gt;                 &lt;p&gt;Ut sed lorem ac ante cursus auctor. Nam ut congue velit. Cras eget fermentum sem. Maecenas nec purus lorem.&lt;/p&gt;                 &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;more float_r&quot;&gt;More&lt;/a&gt;                 &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;             &lt;/div&gt;             &lt;div class=&quot;col_2 no_margin_right&quot;&gt;                 &lt;h4&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Nulla sed convallis nisl imperdiet&lt;/a&gt;&lt;/h4&gt;                 &lt;div class=&quot;image_fl&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;img src=&quot;http://s14.directupload.net/images/130601/5s69boif.png&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/5s69boif.png&quot; alt=&quot;Image 02&quot; /&gt;&lt;/div&gt;                 &lt;p&gt;Morbi blandit nunc vitae odio volutpat hendrerit. Aliquam adipiscing nunc eget arcu vulputate consectetur. &lt;/p&gt;                 &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;more float_r&quot;&gt;More&lt;/a&gt;                 &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;             &lt;/div&gt;             &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;         &lt;/div&gt;                  &lt;div id=&quot;content&quot;&gt;         &lt;h2&gt; Latest Website Template&lt;/h2&gt;         &lt;div class=&quot;post no_pmb&quot;&gt;             &lt;img src=&quot;http://s1.directupload.net/images/130601/od94q3nu.png&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/od94q3nu.png&quot; alt=&quot;Image 01&quot; class=&quot;image_frame image_fl&quot; /&gt;                 &lt;h2 class=&quot;home&quot;&gt;Integer Sit Amet Dui Lorem&lt;/h2&gt;                 &lt;div class=&quot;meta&quot;&gt;by &lt;strong&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Edward&lt;/a&gt;&lt;/strong&gt; on &lt;strong&gt;March 23, 2048&lt;/strong&gt; in &lt;strong&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;3D&lt;/a&gt;, &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Interactive&lt;/a&gt;&lt;/strong&gt; | &lt;strong&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;154 comments&lt;/a&gt;&lt;/strong&gt;&lt;/div&gt;                             &lt;p&gt;&lt;a href=&quot;http://www.templatemo.com/&quot; _fcksavedurl=&quot;http://www.templatemo.com/&quot;&gt;Techno&lt;/a&gt; is free css template provided by &lt;a href=&quot;http://www.templatemo.com/&quot; _fcksavedurl=&quot;http://www.templatemo.com/&quot;&gt;templatemo.com&lt;/a&gt; for your personal or commercial websites. Credit goes to &lt;a href=&quot;http://jwloh.deviantart.com/art/Aquaticus-Social-91014249&quot; _fcksavedurl=&quot;http://jwloh.deviantart.com/art/Aquaticus-Social-91014249&quot; target=&quot;_blank&quot;&gt;jwloh&lt;/a&gt; for icons. Suspendisse potenti. Vivamus ac nibh eget justo sodales posuere a nec ipsum. Nullam arcu nisi, imperdiet at mollis in, congue sed ante. Aenean eget consequat est. Sed eleifend ante nec nisi dictum aliquam. In eget orci libero. Proin in felis non fermentum dapibus. Suspendisse potenti. Validate &lt;a href=&quot;http://validator.w3.org/check?uri=referer&quot; _fcksavedurl=&quot;http://validator.w3.org/check?uri=referer&quot; rel=&quot;nofollow&quot;&gt;&lt;strong&gt;XHTML&lt;/strong&gt;&lt;/a&gt; &amp; &lt;a href=&quot;http://jigsaw.w3.org/css-validator/check/referer&quot; _fcksavedurl=&quot;http://jigsaw.w3.org/css-validator/check/referer&quot; rel=&quot;nofollow&quot;&gt;&lt;strong&gt;CSS&lt;/strong&gt;&lt;/a&gt;.&lt;/p&gt;                 &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;more float_r&quot;&gt;More&lt;/a&gt;                 &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;             &lt;/div&gt;         &lt;/div&gt;                  &lt;div id=&quot;sidebar&quot;&gt;         &lt;h3&gt;Services&lt;/h3&gt;             &lt;ul class=&quot;templatemo_list&quot;&gt;                 &lt;li&gt;Augue felis pharetra felis&lt;/li&gt;                 &lt;li&gt;Condimentum et vulputate&lt;/li&gt;                 &lt;li&gt;Dolor vel condimentum&lt;/li&gt;                 &lt;li&gt;Felis pharetra felis sed&lt;/li&gt;                 &lt;li&gt;Integer placerat dolor vel&lt;/li&gt;                 &lt;li&gt;Tortor mi in massa donec&lt;/li&gt;                 &lt;li&gt;Vulputate tortor mi in massa&lt;/li&gt;             &lt;/ul&gt;         &lt;/div&gt;                  &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;     &lt;/div&gt; <!-- end of main --> &lt;/div&gt; <!-- end of wrapper --> &lt;div id=&quot;templatemo_footer_wrapper&quot;&gt; &lt;div id=&quot;templatemo_footer&quot;&gt;     </textarea> <br />
Text unter dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;br /&gt; &lt;br /&gt; &lt;div class=&quot;cleaner h20&quot;&gt;&lt;/div&gt;                          &lt;p&gt;Copyright &copy; 2048 &lt;br /&gt; Your Company Name | Designed by &lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot; target=&quot;_parent&quot;&gt;Free CSS Templates&lt;/a&gt;&lt;/p&gt; | Coding by  &lt;a href=&quot;http://www.hpbk-designtemplates.de.tl&quot; _fcksavedurl=&quot;http://www.hpbk-designtemplates.de.tl&quot; target=&quot;_parent&quot;&gt;HPBK-DesignTemplates.de.tl&lt;/a&gt;           &lt;/div&gt;                  &lt;div class=&quot;cleaner&quot;&gt;&lt;/div&gt;     &lt;/div&gt; <!-- end of footer --> &lt;/div&gt; <!-- end of footer wrapper --> &lt;/body&gt; &lt;/html&gt;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">#extraDiv1 {display: none;}   #extraDiv2 {display: none;}   #extraDiv3 {display: none;}   #extraDiv4 {display: none;}   #extraDiv5 {display: none;}   #extraDiv6 {display: none;}   #pre_header {display: none;}   #post_header {display: none;}  #pre_content {display: none;}   #nav_heading{display: none;}   #nav{display: none;}   div.header{display: none;}   h1#title{display: none;}   h2#title span {display: none;} /* Credit: http://www.templatemo.com */  body { margin: 0; padding: 0; color: #5e5b57; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; line-height: 1.4em;   background-color: #242424; background-repeat: repeat-x; background-position: top }  a, a:link, a:visited {   color: #f2b600;   font-weight: normal;   text-decoration: none;  }  a:hover {   text-decoration: underline;  }  a.learnmore {   display: block;   width: 110px;   height: 40px;   text-indent: -10000px;   background: url(http://s7.directupload.net/images/130531/b8pxksr2.png) no-repeat;  }  a.more {   display: inline-block;   padding-right: 24px;   font-size: 11px;   font-weight: 700;   background: url(http://s1.directupload.net/images/130531/asbew3vf.png) no-repeat scroll 34px 3px;  }  p { margin: 0 0 10px 0; padding: 0; } img { border: none; } blockquote { font-style: italic; margin: 0 0 0 10px;} cite { font-weight: bold; color:#e17300; } cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal } cite span { font-weight: 400; color: #e17300; }  h1, h2, h3, h4, h5, h6 { color: #f2b600; font-weight: normal; } h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 } h2 { font-size: 30px; margin: 0 0 25px; padding: 5px 0 } h3 { font-size: 24px; margin: 0 0 20px; padding: 0; } h4 { font-size: 18px; margin: 0 0 15px; padding: 0; } h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  } h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }  .cleaner { clear: both } .h10 { height: 10px } .h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px }  .float_l { float: left } .float_r { float: right }  .image_frame {   display: inline-block;   position: relative;   margin: 3px 0 10px 0;   background: #111111;   padding: 6px;   border: 1px solid #3a3a3a;  }  .image_fl {   float: left;   margin: 3px 20px 12px 0;  }  .image_fr {   float: right;   margin: 3px 0 12px 20px;  }  .templatemo_list {   margin: 10px 0 10px 0;   padding: 0;   list-style: none;  }  .templatemo_list li {   color:#5e5b57;   margin: 0 0 10px 0;   padding: 0 5px 0 20px;   background: url(http://s1.directupload.net/images/130531/jath94ef.png) no-repeat scroll 0 5px;   }  .templatemo_list li a {   color: #5e5b57;   font-weight: normal;  }  .templatemo_list li a:hover { color: #5e5b57 }  #home {   background-image: url(../images/templatemo_home_bg.jpg);  }  #subpage {   background-image: url(../images/templatemo_subpage_bg.jpg);  }  #templatemo_wrapper { width: 960px; margin: 0 auto; padding: 0 10px; } #templatemo_menu { width: 960px; height: 50px; } #templatemo_header_home { width: 960px; height: 150px; background: url(http://s1.directupload.net/images/130531/mdd3hbz4.jpg) no-repeat top  } #templatemo_header_sp { width: 960px; height: 150px; background: url(http://s7.directupload.net/images/130531/2c52ingc.jpg) no-repeat top  } #templatemo_middle { width: 960px; height: 326px; padding-top: 15px; background:url(http://s1.directupload.net/images/130531/rpjx9zdf.jpg) no-repeat bottom } #templatemo_main { width: 960px; padding: 20px 0 40px } #templatemo_footer_wrapper { width: 100%; background: #1b1b1b url(http://s14.directupload.net/images/130531/46oqhn9c.jpg) repeat-x top } #templatemo_footer { width: 960px; padding: 40px 10px; margin: 0 auto; }  #site_title {   margin: 0 auto;   padding: 40px 0;  }  #site_title h1 {   margin: 0;   padding: 0;  }  #site_title h1 a {   margin: 0 auto;   display: block;   width: 162px;   height: 32px;   text-indent: -10000px;   background:  url(http://s7.directupload.net/images/130531/dhyf2i2s.png) no-repeat center top;  }  #templatemo_middle_text { float: right; width: 500px; padding: 20px 0; }  #templatemo_middle_text h2 {   color: #535353;   font-size: 28px;   font-weight: normal;   line-height: 34px;   margin-bo</textarea>
 
################
Design SommerComeback (Unterseite von "Muhaha")
################
<img src="https://img.webme.com/pic/h/hpbk-designtemplates/sommercomeback.png" width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/sommercomeback.png" /> <font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"><br />
</span></font><b>Sommer Commback<br />
</b><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text unter dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">Coding by &lt;a href=&quot;http://hpbk-generatoren.de.tl&quot; _fcksavedurl=&quot;http://hpbk-generatoren.de.tl&quot; target=&quot;_blank&quot;&gt;HPBK-Generatoren&lt;/a&gt;; Designed by &lt;a href=&quot;http://hpbk-designtemplates.de.tl&quot; _fcksavedurl=&quot;http://hpbk-designtemplates.de.tl&quot; target=&quot;_blank&quot;&gt;HPBK-DesignTemplates&lt;/a&gt;;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;style type=&quot;text/css&quot;&gt; /* Generated by www.design-generator.de.tl */ body{background: url(http://s1.directupload.net/images/130530/m7wfol3n.jpg) repeat fixed; background-size: contain;} td.edit_below_nav img{display:none;} td.edit_rechts_sbg,td.edit_below_nav{visibility: hidden;} td.edit_navi_headbg,td.edit_rechts_bottom,td.edit_rechts_cbg{background: none!important;} td.edit_header_full{background: url(http://s14.directupload.net/images/130530/sn945yg5.jpg) repeat;} td.nav_heading{background: url(http://s14.directupload.net/images/130530/vh387ich.jpg);} td.nav{background: url(http://s14.directupload.net/images/130530/vh387ich.jpg);} td.nav:hover{background: url(http://s1.directupload.net/images/130530/yqxyic4h.jpg);} td.edit_content_bottom2{background: url(http://s14.directupload.net/images/130530/vh387ich.jpg);} td.sidebar_heading{background: url(http://s14.directupload.net/images/130530/vh387ich.jpg);} td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5,td.shoutysky{background: url(http://s14.directupload.net/images/130530/vh387ich.jpg);} td.edit_rb_footer{background: url(http://s14.directupload.net/images/130530/vh387ich.jpg);} &lt;/style&gt;</textarea>
 
################
Design idealab (Unterseite von "Muhaha")
################
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/idealab-med.jpg" src="https://img.webme.com/pic/h/hpbk-designtemplates/idealab-med.jpg" /><font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"><br />
</span></font><b>Idealab<br />
</b><br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text &uuml;ber dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; <!--
Design by http://www.rocketwebsitetemplates.com
Released for free under a Creative Commons Attribution 3.0 License
--> &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt;title&gt;RocketWebsiteTemplates.com&lt;/title&gt; &lt;FCK:meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;  /&gt; &lt;link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt; <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/script.js"></script> <!-- CuFon: Enables smooth pretty custom font rendering. 100% SEO friendly. To disable, remove this section --> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/arial.js"></script> <script type="text/javascript" src="js/cuf_run.js"></script> <!-- CuFon ends --> &lt;/head&gt; &lt;body&gt; &lt;div class=&quot;main&quot;&gt;   &lt;div class=&quot;main_resize&quot;&gt;     &lt;div class=&quot;header&quot;&gt;       &lt;div class=&quot;menu_nav&quot;&gt;         &lt;ul&gt;           &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;index.html&quot; _fcksavedurl=&quot;index.html&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;           &lt;li&gt;&lt;a href=&quot;support.html&quot; _fcksavedurl=&quot;support.html&quot;&gt;Support&lt;/a&gt;&lt;/li&gt;           &lt;li&gt;&lt;a href=&quot;about.html&quot; _fcksavedurl=&quot;about.html&quot;&gt;About Us&lt;/a&gt;&lt;/li&gt;           &lt;li&gt;&lt;a href=&quot;blog.html&quot; _fcksavedurl=&quot;blog.html&quot;&gt;Blog&lt;/a&gt;&lt;/li&gt;           &lt;li&gt;&lt;a href=&quot;contact.html&quot; _fcksavedurl=&quot;contact.html&quot;&gt;Contact Us&lt;/a&gt;&lt;/li&gt;         &lt;/ul&gt;         &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;       &lt;/div&gt;       &lt;div class=&quot;hbg&quot;&gt; &lt;img src=&quot;https://img.webme.com/pic/t/test-hpbk-templates/header_images.jpg&quot; _fcksavedurl=&quot;https://img.webme.com/pic/t/test-hpbk-templates/header_images.jpg&quot; width=&quot;641&quot; height=&quot;289&quot; alt=&quot;header images&quot; /&gt;         &lt;div class=&quot;logo&quot;&gt;           &lt;h1&gt;&lt;a href=&quot;index.html&quot; _fcksavedurl=&quot;index.html&quot;&gt;dev&lt;span&gt;i&lt;/span&gt;deas&lt;small&gt;Simple web template&lt;/small&gt;&lt;/a&gt;&lt;/h1&gt;         &lt;/div&gt;       &lt;/div&gt;     &lt;/div&gt;     &lt;div class=&quot;content&quot;&gt;       &lt;div class=&quot;content_bg&quot;&gt;         &lt;div class=&quot;mainbar&quot;&gt;           &lt;div class=&quot;article&quot;&gt;             &lt;h2&gt;&lt;span&gt;Template License&lt;/span&gt;&lt;/h2&gt;             &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;             &lt;p class=&quot;post-data&quot;&gt;&lt;span class=&quot;date&quot;&gt;March 16, 2018&lt;/span&gt; &nbsp;|&nbsp; Posted by &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Owner&lt;/a&gt; &nbsp;|&nbsp; Filed under &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;templates&lt;/a&gt;, &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;internet&lt;/a&gt;&lt;/p&gt;             &lt;img src=&quot;https://img.webme.com/pic/t/test-hpbk-templates/images_1.jpg&quot; _fcksavedurl=&quot;https://img.webme.com/pic/t/test-hpbk-templates/images_1.jpg&quot; width=&quot;613&quot; height=&quot;193&quot; alt=&quot;image&quot; /&gt;             &lt;p&gt;This is a free CSS website template by &lt;a href=&quot;http://www.rocketwebsitetemplates.com/&quot; _fcksavedurl=&quot;http://www.rocketwebsitetemplates.com/&quot; title=&quot;Website Templates&quot;&gt;RocketWebsiteTemplates.com&lt;/a&gt;. This  work is distributed under the &lt;a rel=&quot;license&quot; href=&quot;http://creativecommons.org/licenses/by/3.0/&quot; _fcksavedurl=&quot;http://creativecommons.org/licenses/by/3.0/&quot;&gt;Creative Commons Attribution 3.0 License&lt;/a&gt;,  which means that you are free to use it for any personal or commercial purpose provided you credit me in the form of a link back to &lt;a href=&quot;http://www.rocketwebsitetemplates.com/&quot; _fcksavedurl=&quot;http://www.rocketwebsitetemplates.com/&quot; title=&quot;Website Templates&quot;&gt;RocketWebsiteTemplates.com&lt;/a&gt;.&lt;/p&gt;             &lt;p class=&quot;spec&quot;&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;com fr&quot;&gt;Comments (3)&lt;/a&gt; &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;rm fl&quot;&gt;Read more&lt;/a&gt;&lt;/p&gt;             &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;           &lt;/div&gt;           &lt;div class=&quot;article&quot;&gt;             &lt;h2&gt;&lt;span&gt;Lorem Ipsum&lt;/span&gt; Dolor Sit&lt;/h2&gt;             &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;             &lt;p class=&quot;post-data&quot;&gt;&lt;span class=&quot;date&quot;&gt;March 15, 2010&lt;/span&gt; &nbsp;|&nbsp; Posted by &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Owner&lt;/a&gt; &nbsp;|&nbsp; Filed under &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;templates&lt;/a&gt;, &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;internet&lt;/a&gt;&lt;/p&gt;             &lt;img src=&quot;https://img.webme.com/pic/t/test-hpbk-templates/images_2.jpg&quot; _fcksavedurl=&quot;https://img.webme.com/pic/t/test-hpbk-templates/images_2.jpg&quot; width=&quot;613&quot; height=&quot;193&quot; alt=&quot;image&quot; /&gt;             &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.&lt;/a&gt; Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.&lt;/p&gt;             &lt;p&gt;Aenean commodo elit ac ante dignissim iaculis sit amet non velit. Donec magna sapien, molestie sit amet faucibus sit amet, fringilla in urna. Aliquam erat volutpat. Fusce a dui est. Sed in volutpat elit. Nam odio tortor, pulvinar non scelerisque in, eleifend nec nunc. Sed pretium, massa sed dictum dapibus, nibh purus posuere magna, ac porta felis lectus ut neque. Nullam sagittis ante vitae velit facilisis lacinia. Cras vehicula lacinia ornare. Duis et cursus risus. Curabitur consectetur justo sit amet odio viverra vel iaculis odio gravida. Ut imperdiet metus nec erat.&lt;/p&gt;             &lt;p class=&quot;spec&quot;&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;com fr&quot;&gt;Comments (7)&lt;/a&gt; &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; class=&quot;rm fl&quot;&gt;Read more&lt;/a&gt;&lt;/p&gt;             &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;           &lt;/div&gt;           &lt;div class=&quot;pagenavi&quot;&gt;&lt;span class=&quot;pages&quot;&gt;Page 1 of 2&lt;/span&gt;&lt;span class=&quot;current&quot;&gt;1&lt;/span&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; title=&quot;2&quot;&gt;2&lt;/a&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot; &gt;&raquo;&lt;/a&gt;&lt;/div&gt;         &lt;/div&gt;         &lt;div class=&quot;sidebar&quot;&gt;           &lt;div class=&quot;gadget&quot;&gt;             &lt;div class=&quot;search&quot;&gt;               &lt;form method=&quot;get&quot; id=&quot;search&quot; action=&quot;&quot;&gt;                 &lt;span&gt;                 &lt;input type=&quot;text&quot; value=&quot;Search...&quot; name=&quot;s&quot; id=&quot;s&quot; /&gt;                 &lt;input name=&quot;searchsubmit&quot; type=&quot;image&quot; src=&quot;https://img.webme.com/pic/t/test-hpbk-templates/search.gif&quot; value=&quot;Go&quot; id=&quot;searchsubmit&quot; class=&quot;btn&quot;  /&gt;                 &lt;/span&gt;               &lt;/form&gt;               <!--/searchform -->               &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;             &lt;/div&gt;               &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;           &lt;/div&gt;           &lt;div class=&quot;gadget&quot;&gt;             &lt;h2&gt;&lt;span&gt;Sidebar&lt;/span&gt; Menu&lt;/h2&gt;             &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;             &lt;ul class=&quot;sb_menu&quot;&gt;               &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;TemplateInfo&lt;/a&gt;&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Style Demo&lt;/a&gt;&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Blog&lt;/a&gt;&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Archives&lt;/a&gt;&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;http://www.dreamtemplate.com&quot; _fcksavedurl=&quot;http://www.dreamtemplate.com&quot; title=&quot;Website Templates&quot;&gt;Web Templates&lt;/a&gt;&lt;/li&gt;             &lt;/ul&gt;           &lt;/div&gt;           &lt;div class=&quot;gadget&quot;&gt;             &lt;h2&gt;&lt;span&gt;Sponsors&lt;/span&gt;&lt;/h2&gt;             &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;             &lt;ul class=&quot;ex_menu&quot;&gt;               &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;http://www.dreamtemplate.com&quot; _fcksavedurl=&quot;http://www.dreamtemplate.com&quot; title=&quot;Website Templates&quot;&gt;DreamTemplate&lt;/a&gt;                 Over 6,000+ Premium Web Templates&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;http://www.templatesold.com&quot; _fcksavedurl=&quot;http://www.templatesold.com&quot; title=&quot;WordPress Themes&quot;&gt;TemplateSOLD&lt;/a&gt;                 Premium WordPress &amp; Joomla Themes&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;http://www.imhosted.com&quot; _fcksavedurl=&quot;http://www.imhosted.com&quot; title=&quot;Affordable Hosting&quot;&gt;ImHosted.com&lt;/a&gt;                 Affordable Web Hosting Provider&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;http://www.dreamstock.com/&quot; _fcksavedurl=&quot;http://www.dreamstock.com/&quot;&gt;DreamStock&lt;/a&gt;                 Royalty Free Stock Icons&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;http://www.evrsoft.com&quot; _fcksavedurl=&quot;http://www.evrsoft.com&quot; title=&quot;Website Builder&quot;&gt;Evrsoft&lt;/a&gt;                 Website Builder Software &amp; Tools&lt;/li&gt;               &lt;li&gt;&lt;a href=&quot;http://www.csshub.com/&quot; _fcksavedurl=&quot;http://www.csshub.com/&quot; title=&quot;CSS Templates&quot;&gt;CSS Hub&lt;/a&gt;                 Premium CSS Templates&lt;/li&gt;             &lt;/ul&gt;           &lt;/div&gt;           &lt;div class=&quot;gadget&quot;&gt;             &lt;h2 class=&quot;grey&quot;&gt;&lt;span&gt;Wise Words&lt;/span&gt;&lt;/h2&gt;             &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;             &lt;div class=&quot;testi&quot;&gt;               &lt;p&gt;&lt;span class=&quot;q&quot;&gt;&lt;img src=&quot;https://img.webme.com/pic/t/test-hpbk-templates/qoute_1.gif&quot; _fcksavedurl=&quot;https://img.webme.com/pic/t/test-hpbk-templates/qoute_1.gif&quot; width=&quot;20&quot; height=&quot;15&quot; alt=&quot;quote&quot; /&gt;&lt;/span&gt; We can let circumstances rule us, or we can take charge and rule our lives from within. &lt;span class=&quot;q&quot;&gt;&lt;img src=&quot;https://img.webme.com/pic/t/test-hpbk-templates/qoute_2.gif&quot; _fcksavedurl=&quot;https://img.webme.com/pic/t/test-hpbk-templates/qoute_2.gif&quot; width=&quot;20&quot; height=&quot;15&quot; alt=&quot;quote&quot; /&gt;&lt;/span&gt;&lt;/p&gt;               &lt;p class=&quot;title&quot;&gt;&lt;strong&gt;Earl Nightingale&lt;/strong&gt;&lt;/p&gt;             &lt;/div&gt;           &lt;/div&gt;         &lt;/div&gt;         &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;       &lt;/div&gt;     &lt;/div&gt;     </textarea> <br />
Text unter dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;div class=&quot;fbg&quot;&gt;       &lt;div class=&quot;col c1&quot;&gt;         &lt;h2&gt;&lt;span&gt;Image Gallery&lt;/span&gt;&lt;/h2&gt;         &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;&lt;img src=&quot;images/pic_1.jpg&quot; _fcksavedurl=&quot;images/pic_1.jpg&quot; width=&quot;58&quot; height=&quot;58&quot; alt=&quot;pix&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;&lt;img src=&quot;images/pic_2.jpg&quot; _fcksavedurl=&quot;images/pic_2.jpg&quot; width=&quot;58&quot; height=&quot;58&quot; alt=&quot;pix&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;&lt;img src=&quot;images/pic_3.jpg&quot; _fcksavedurl=&quot;images/pic_3.jpg&quot; width=&quot;58&quot; height=&quot;58&quot; alt=&quot;pix&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;&lt;img src=&quot;images/pic_4.jpg&quot; _fcksavedurl=&quot;images/pic_4.jpg&quot; width=&quot;58&quot; height=&quot;58&quot; alt=&quot;pix&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;&lt;img src=&quot;images/pic_5.jpg&quot; _fcksavedurl=&quot;images/pic_5.jpg&quot; width=&quot;58&quot; height=&quot;58&quot; alt=&quot;pix&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;&lt;img src=&quot;images/pic_6.jpg&quot; _fcksavedurl=&quot;images/pic_6.jpg&quot; width=&quot;58&quot; height=&quot;58&quot; alt=&quot;pix&quot; /&gt;&lt;/a&gt; &lt;/div&gt;       &lt;div class=&quot;col c2&quot;&gt;         &lt;h2&gt;&lt;span&gt;Lorem Ipsum&lt;/span&gt;&lt;/h2&gt;         &lt;p&gt;Lorem ipsum dolor&lt;br /&gt;           Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Morbi tincidunt, orci ac convallis aliquam&lt;/a&gt;, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.&lt;/p&gt;       &lt;/div&gt;       &lt;div class=&quot;col c3&quot;&gt;         &lt;h2&gt;&lt;span&gt;About&lt;/span&gt;&lt;/h2&gt;         &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Learn more...&lt;/a&gt;&lt;/p&gt;       &lt;/div&gt;       &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;     &lt;/div&gt;   &lt;/div&gt;   &lt;div class=&quot;footer&quot;&gt;     &lt;div class=&quot;footer_resize&quot;&gt;       &lt;p class=&quot;lf&quot;&gt;&copy; Copyright &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;MyWebSite&lt;/a&gt;.&lt;/p&gt;       &lt;p class=&quot;rf&quot;&gt;Layout by Rocket &lt;a href=&quot;http://www.rocketwebsitetemplates.com/&quot; _fcksavedurl=&quot;http://www.rocketwebsitetemplates.com/&quot;&gt;Website Templates&lt;/a&gt;&lt;/p&gt;       &lt;div class=&quot;clr&quot;&gt;&lt;/div&gt;     &lt;/div&gt;   &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">#extraDiv1 {display: none;}   #extraDiv2 {display: none;}   #extraDiv3 {display: none;}   #extraDiv4 {display: none;}   #extraDiv5 {display: none;}   #extraDiv6 {display: none;}   #pre_header {display: none;}   #post_header {display: none;}  #pre_content {display: none;}   #nav_heading{display: none;}   #nav{display: none;}   div.header{display: none;}   h1#title{display: none;}   h2#title span {display: none;}  @charset &quot;utf-8&quot;; /* Design by http://www.templateaccess.com Released for free under a Creative Commons Attribution 3.0 License */ body { margin:0; padding:45px 0 0 0; width:100%; color:#959595; font:normal 12px/1.8em Arial, Helvetica, sans-serif; background:url(https://img.webme.com/pic/t/test-hpbk-templates/bg.jpg);} html, .main { padding:0; margin:0;} .logo { float:left; width:299px; padding:110px 0 0 0; margin:0 auto;} h1 { margin:0; padding:0; color:#FFF; font:bold 38px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-2px; text-align:center;} h1 a, h1 a:hover { color:#FFF; text-decoration:none;} h1 span { color:#9dd9ff;} h1 small { display:block; padding:0 10px; font:normal 12px/1.2em Arial, Helvetica, sans-serif; letter-spacing:normal;} h2 { font:normal 24px Arial, Helvetica, sans-serif; padding:8px 0; margin:0; color:#595959;} p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;} p.spec {} a { color:#97c950; text-decoration:underline;} a.rm, a.com { padding:0; text-decoration:none;}  .header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}  .main_resize { padding:0; margin:0 auto; width:970px; border:3px solid #dbdbdb; background:#fefefe;}  /* header */ .header { padding:13px; margin:0 auto;}  /* hbg */ .hbg { padding:0; margin:0; background:#78bbe6; height:289px;} .hbg img { border-left:3px solid #fff; float:right;}  /* menu */ .menu_nav { margin:0; padding:0; height:66px;} .menu_nav ul { list-style:none; margin:0; padding:0; float:right;} .menu_nav ul li { margin:0; padding:15px 5px 15px 0; float:left;} .menu_nav ul li a { display:block; margin:0 10px; padding:7px 10px; color:#878989; text-decoration:none; font-size:13px; line-height:16px; border-bottom:5px solid #FFF;} .menu_nav ul li.active a, .menu_nav ul li a:hover { color:#78bbe6; text-decoration:none; border-bottom:5px solid #78bbe6;}  /* content */ .content { padding:13px; margin:0;} .mainbar { margin:0; padding:0; float:right; width:638px;} .mainbar img { padding:4px; border:1px solid #f2f2f1; background:#FFF; } .mainbar img.fl { margin:4px 16px 4px 0; float:left; } .mainbar .article { margin:0; padding:10px 0 5px 15px;} .mainbar .article a { color:#78bbe6;} .mainbar .post-data a { color:#595959;} .mainbar .spec a { padding:5px 15px; background:#78bbe6; color:#FFF;} .sidebar { padding:0; float:left; width:306px; background:#f2f2f2;} .sidebar h2 { background:#78bbe6; color:#FFF; padding-left:15px;} .sidebar h2.grey { background:#afafaf; color:#FFF;} .sidebar .gadget { margin:0; padding:10px 0;} .sidebar .gadget .title { text-align:right;} .sidebar .gadget span.q { text-align:right; font:normal 60px/12px Arial, Helvetica, sans-serif; color: #d9d9d9;} ul.sb_menu, ul.ex_menu, .testi { margin:0; padding:0 10px; color:#939393; list-style:none;} ul.sb_menu li, ul.ex_menu li { margin:0;} ul.sb_menu li { padding:2px 0;} ul.ex_menu li { padding:2px 0;} ul.sb_menu li a, ul.ex_menu li a { display:block; color:#959595; text-decoration:none; padding:5px 5px 5px 20px; background:url(https://img.webme.com/pic/t/test-hpbk-templates/menu_link.gif) no-repeat left center;} ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a { background:url(https://img.webme.com/pic/t/test-hpbk-templates/menu_hover.gif) no-repeat left center;} ul.sb_menu li a:hover { text-decoration:underline;} ul.ex_menu li a:hover { text-decoration:underline;}  /* subpages */ .content .mainbar .comment { margin:0; padding:16px 0 0 0;} .content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}  /* fbg */ .fbg { margin:0; padding:13px; background:#78bbe6;} .fbg img { padding:4px; border:1px solid #cfd2d4; background-color:#fff;} .fbg p, .fbg h2 { color:</textarea>
 
################
Design metro (Unterseite von "Muhaha")
################
<img width="175" height="155" alt="https://img.webme.com/pic/h/hpbk-designtemplates/metro.jpg" src="https://img.webme.com/pic/h/hpbk-designtemplates/metro.jpg" /><font color="#000000"><span style="background-color: rgba(255, 255, 255, 0);"><a href="http://hpbk-designtemplates.de.tl/%3CDesign%3C%3E1%3E.htm"><br />
</a></span></font><strong>Metro</strong><br />
<br />
Hier der Code f&uuml;r das Design. Du Must in im Login Bereich bei &gt;Design einstellen&gt;erweiterte Einstellungen&gt; <br />
<br />
Text &uuml;ber dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt;FCK:meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;  /&gt; &lt;title&gt;Metro, free website template&lt;/title&gt; &lt;FCK:meta name=&quot;keywords&quot; content=&quot;metro, free website template, beautiful grid, image grid menu, colorful theme&quot;  /&gt; &lt;FCK:meta name=&quot;description&quot; content=&quot;Metro is a free website template by templatemo.com and it features jQuery horizontal scrolling among pages.&quot;  /&gt;   &lt;link href=&quot;templatemo_style.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; /&gt;   <script type="text/javascript" src="js/jquery.min.js"></script>   <script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>   <script type="text/javascript" src="js/jquery.localscroll-min.js"></script>   <script type="text/javascript" src="js/init.js"></script>           &lt;link rel=&quot;stylesheet&quot; href=&quot;css/slimbox2.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;      <script type="text/JavaScript" src="js/slimbox2.js"></script>   &lt;/head&gt;  &lt;body&gt;  &lt;div id=&quot;templatemo_header&quot;&gt;     &lt;div id=&quot;site_title&quot;&gt;&lt;h1&gt;&lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot; title=&quot;Free Website Template&quot;&gt;Metro&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;templatemo_main&quot;&gt;     &lt;div id=&quot;content&quot;&gt;   &lt;div id=&quot;home&quot; class=&quot;section&quot;&gt;         &lt;div id=&quot;home_about&quot; class=&quot;box&quot;&gt;              &lt;h2&gt;Welcome&lt;/h2&gt;                 &lt;p&gt;Metro is a &lt;a href=&quot;http://www.templatemo.com/page/1&quot; _fcksavedurl=&quot;http://www.templatemo.com/page/1&quot;&gt;free website template&lt;/a&gt; for everyone from &lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot;&gt;templatemo.com&lt;/a&gt; and it can be used for any purpose. Validate &lt;a href=&quot;http://validator.w3.org/check?uri=referer&quot; _fcksavedurl=&quot;http://validator.w3.org/check?uri=referer&quot; rel=&quot;nofollow&quot;&gt;&lt;strong&gt;XHTML&lt;/strong&gt;&lt;/a&gt; &amp; &lt;a href=&quot;http://jigsaw.w3.org/css-validator/check/referer&quot; _fcksavedurl=&quot;http://jigsaw.w3.org/css-validator/check/referer&quot; rel=&quot;nofollow&quot;&gt;&lt;strong&gt;CSS&lt;/strong&gt;&lt;/a&gt;. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus felis leo, feugiat sed porttitor sagittis, facilisis sit amet lectus. Aenean elementum tellus auctor dolor auctor luctus. Vivamus eu orci purus, ut vulputate nisl.&lt;/p&gt;                 &lt;p&gt;Praesent imperdiet mauris et lorem malesuada consequat. Proin nisl metus, faucibus vitae malesuada non, interdum sed felis. Sed ut turpis feugiat lorem faucibus dignissim. Donec magna tellus, feugiat vel fermentum eget, fringilla at metus.&lt;/p&gt;             &lt;/div&gt;                          &lt;div id=&quot;home_gallery&quot; class=&quot;box no_mr&quot;&gt;                 &lt;a href=&quot;http://s14.directupload.net/images/130601/i7v2qumu.jpg&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/i7v2qumu.jpg&quot; rel=&quot;lightbox[gallery]&quot;&gt;&lt;img src=&quot; http://s14.directupload.net/images/130601/lrchxuml.jpg&quot; alt=&quot;image 1&quot; /&gt;&lt;/a&gt;                 &lt;a href=&quot;http://s7.directupload.net/images/130601/zfsbeiwn.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/zfsbeiwn.jpg&quot; rel=&quot;lightbox[gallery]&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/zfsbeiwn.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/zfsbeiwn.jpg&quot; alt=&quot;image 2&quot; /&gt;&lt;/a&gt;                 &lt;a href=&quot;http://s7.directupload.net/images/130601/3owwxvhd.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/3owwxvhd.jpg&quot; rel=&quot;lightbox[gallery]&quot; class=&quot;no_mr&quot;&gt;&lt;img src=&quot;http://s14.directupload.net/images/130601/ipwas2ti.jpg&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/ipwas2ti.jpg&quot; alt=&quot;image 3&quot; /&gt;&lt;/a&gt;                 &lt;a href=&quot;http://s1.directupload.net/images/130601/mi3qssig.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/mi3qssig.jpg&quot; rel=&quot;lightbox[gallery]&quot;&gt;&lt;img src=&quot;http://s1.directupload.net/images/130601/6gj5qm2w.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/6gj5qm2w.jpg&quot; alt=&quot;image 4&quot; /&gt;&lt;/a&gt;                 &lt;a href=&quot;http://s14.directupload.net/images/130601/2nasooup.jpg&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/2nasooup.jpg&quot; rel=&quot;lightbox[gallery]&quot;&gt;&lt;img src=&quot;http://s14.directupload.net/images/130601/3vbms28o.jpg&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/3vbms28o.jpg&quot; alt=&quot;image 5&quot; /&gt;&lt;/a&gt;                 &lt;a href=&quot;http://s7.directupload.net/images/130601/ussy3z7v.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/ussy3z7v.jpg&quot; rel=&quot;lightbox[gallery]&quot; class=&quot;no_mr&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/yg3o5rc2.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/yg3o5rc2.jpg&quot; alt=&quot;image 6&quot; /&gt;&lt;/a&gt;             &lt;/div&gt;                          &lt;div class=&quot;box home_box1 color1&quot;&gt;             &lt;a href=&quot;#services&quot; _fcksavedurl=&quot;#services&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/pedx9czk.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/pedx9czk.jpg&quot; alt=&quot;Services&quot; /&gt;&lt;/a&gt;             &lt;/div&gt;                          &lt;div class=&quot;box home_box1 color2&quot;&gt;            &lt;a href=&quot;#testimonial&quot; _fcksavedurl=&quot;#testimonial&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/jcp44ehy.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/jcp44ehy.jpg&quot; alt=&quot;Testimonial&quot; /&gt;&lt;/a&gt;             &lt;/div&gt;                          &lt;div class=&quot;box home_box2 color3&quot;&gt;             &lt;div id=&quot;social_links&quot;&gt;                     &lt;a href=&quot;https://www.facebook.com/templatemo&quot; _fcksavedurl=&quot;https://www.facebook.com/templatemo&quot;&gt;&lt;img src=&quot;http://s7.directupload.net/images/130601/q6duprg7.png&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/q6duprg7.png&quot; alt=&quot;Facebook&quot; /&gt;&lt;/a&gt;                     &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;&lt;img src=&quot;http://s14.directupload.net/images/130601/yact9b6g.png&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/yact9b6g.png&quot; alt=&quot;Flickr&quot; /&gt;&lt;/a&gt;                     &lt;a href=&quot;https://www.facebook.com/templatemo&quot; _fcksavedurl=&quot;https://www.facebook.com/templatemo&quot;&gt;&lt;img src=&quot;http://s14.directupload.net/images/130601/ylkxbaqd.png&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/ylkxbaqd.png&quot; alt=&quot;Twitter&quot; /&gt;&lt;/a&gt;                     &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;&lt;img src=&quot;http://s1.directupload.net/images/130601/zrd29hyr.png&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/zrd29hyr.png&quot; alt=&quot;Youtube&quot; /&gt;&lt;/a&gt;                     &lt;a href=&quot;https://www.facebook.com/templatemo&quot; _fcksavedurl=&quot;https://www.facebook.com/templatemo&quot;&gt;&lt;img src=&quot;http://s14.directupload.net/images/130601/ycod2f4c.png&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/ycod2f4c.png&quot; alt=&quot;Vimeo&quot; /&gt;&lt;/a&gt;               &lt;div class=&quot;clear h20&quot;&gt;&lt;/div&gt;                     &lt;h3&gt;Social&lt;/h3&gt;               &lt;/div&gt;             &lt;/div&gt;                          &lt;div class=&quot;box home_box1 color4 no_mr&quot;&gt;             &lt;a href=&quot;#contact&quot; _fcksavedurl=&quot;#contact&quot;&gt;&lt;img src=&quot;http://s1.directupload.net/images/130601/mjf7glh6.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/mjf7glh6.jpg&quot; alt=&quot;Contact&quot; /&gt;&lt;/a&gt;             &lt;/div&gt;                         &lt;/div&gt; <!-- END of home -->                  &lt;div class=&quot;section section_with_padding&quot; id=&quot;services&quot;&gt;              &lt;h2&gt;Services&lt;/h2&gt;             &lt;div class=&quot;img_border img_fl&quot;&gt;                 &lt;img src=&quot;http://s14.directupload.net/images/130601/ug2ws8qk.jpg&quot; _fcksavedurl=&quot;http://s14.directupload.net/images/130601/ug2ws8qk.jpg&quot; alt=&quot;image&quot; /&gt;             &lt;/div&gt;             &lt;div class=&quot;half right&quot;&gt;                 &lt;ul class=&quot;list_bullet&quot;&gt;                     &lt;li&gt;Maecenas ac odio ipsum donec cursus&lt;/li&gt;                     &lt;li&gt;Fusce risus tortor, interdum&lt;/li&gt;                     &lt;li&gt;Proin facilisis ullamcorper&lt;/li&gt;                     &lt;li&gt;Sed vel justo quis ligula&lt;/li&gt;                     &lt;li&gt;Ut tristique sagittis arcu&lt;/li&gt;                     &lt;li&gt;Maecenas ac odio ipsum donec cursus&lt;/li&gt;                     &lt;li&gt;Fusce risus tortor, interdum&lt;/li&gt;                  &lt;/ul&gt;             &lt;/div&gt;             &lt;div class=&quot;clear h40&quot;&gt;&lt;/div&gt;             &lt;div class=&quot;img_border img_fr&quot;&gt;                 &lt;img src=&quot;http://s1.directupload.net/images/130601/xcfpe3wi.jpg&quot; _fcksavedurl=&quot;http://s1.directupload.net/images/130601/xcfpe3wi.jpg&quot; alt=&quot;image&quot; /&gt;             &lt;/div&gt; &lt;div class=&quot;half left&quot;&gt;                             &lt;p&gt;&lt;em&gt;Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis.&lt;/em&gt;&lt;/p&gt;             &lt;p&gt;Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit. &lt;/p&gt;             &lt;/div&gt;              &lt;a href=&quot;#home&quot; _fcksavedurl=&quot;#home&quot; class=&quot;slider_nav_btn home_btn&quot;&gt;home&lt;/a&gt;              &lt;a href=&quot;#home&quot; _fcksavedurl=&quot;#home&quot; class=&quot;slider_nav_btn previous_btn&quot;&gt;Previous&lt;/a&gt;             &lt;a href=&quot;#testimonial&quot; _fcksavedurl=&quot;#testimonial&quot; class=&quot;slider_nav_btn next_btn&quot;&gt;Next&lt;/a&gt;           &lt;/div&gt;          &lt;div class=&quot;section section_with_padding&quot; id=&quot;testimonial&quot;&gt;              &lt;h2&gt;Testimonial&lt;/h2&gt;             &lt;p&gt;&lt;em&gt;Aliquam venenatis, quam a semper blandit, lectus mi convallis orci, ut dictum ante leo non leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris placerat, urna in gravida rhoncus, mi elit luctus nibh, a luctus erat elit vel quam. &lt;/em&gt;&lt;/p&gt;             &lt;div class=&quot;clear h40&quot;&gt;&lt;/div&gt;             &lt;div class=&quot;half left&quot;&gt;             &lt;div class=&quot;img_border img_fl&quot;&gt;                 &lt;img src=&quot;http://s7.directupload.net/images/130601/xfoe3eja.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/xfoe3eja.jpg&quot; alt=&quot;image 1&quot; /&gt;                 &lt;/div&gt;                 &lt;p&gt;Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. &lt;/p&gt;                 &lt;cite&gt;Walker - &lt;span&gt;TemplateMo.com&lt;/span&gt;&lt;/cite&gt; &lt;/div&gt;             &lt;div class=&quot;half right&quot;&gt;                 &lt;div class=&quot;img_border img_fl&quot;&gt;                 &lt;img src=&quot;http://s7.directupload.net/images/130601/xfoe3eja.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/xfoe3eja.jpg&quot; alt=&quot;image 2&quot; /&gt;                 &lt;/div&gt;                 &lt;p&gt;Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. &lt;/p&gt;                 &lt;cite&gt;Jason - &lt;span&gt;TemplateMo.com&lt;/span&gt;&lt;/cite&gt; &lt;/div&gt;             &lt;div class=&quot;clear h40&quot;&gt;&lt;/div&gt;             &lt;div class=&quot;half left&quot;&gt;             &lt;div class=&quot;img_border img_fl&quot;&gt;                 &lt;img src=&quot;images/templatemo_image_01.jpg&quot; _fcksavedurl=&quot;images/templatemo_image_01.jpg&quot; alt=&quot;image 3&quot; /&gt;                 &lt;/div&gt;                 &lt;p&gt;Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. &lt;/p&gt;                 &lt;cite&gt;Danny - &lt;span&gt;FlashMo.com&lt;/span&gt;&lt;/cite&gt; &lt;/div&gt;             &lt;div class=&quot;half right&quot;&gt;                 &lt;div class=&quot;img_border img_fl&quot;&gt;                 &lt;img src=&quot;http://s7.directupload.net/images/130601/xfoe3eja.jpg&quot; _fcksavedurl=&quot;http://s7.directupload.net/images/130601/xfoe3eja.jpg&quot; alt=&quot;image 4&quot; /&gt;                 &lt;/div&gt;                 &lt;p&gt;Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. &lt;/p&gt;                 &lt;cite&gt;Katey - &lt;span&gt;KoFlash.com&lt;/span&gt;&lt;/cite&gt;   &lt;/div&gt;                                  &lt;a href=&quot;#home&quot; _fcksavedurl=&quot;#home&quot; class=&quot;slider_nav_btn home_btn&quot;&gt;home&lt;/a&gt;              &lt;a href=&quot;#services&quot; _fcksavedurl=&quot;#services&quot; class=&quot;slider_nav_btn previous_btn&quot;&gt;Previous&lt;/a&gt;             &lt;a href=&quot;#contact&quot; _fcksavedurl=&quot;#contact&quot; class=&quot;slider_nav_btn next_btn&quot;&gt;Next&lt;/a&gt;          &lt;/div&gt;          &lt;div class=&quot;section section_with_padding&quot; id=&quot;contact&quot;&gt;              &lt;h2&gt;Contact&lt;/h2&gt;              &lt;div class=&quot;half left&quot;&gt;                 &lt;h4&gt;Quick Contact Form&lt;/h4&gt;                 &lt;p&gt;Nullam a tortor est, congue fermentum nisi. Maecenas nulla nulla, eu volutpat euismod, scelerisque ut dui.&lt;/p&gt;                 &lt;div id=&quot;contact_form&quot;&gt;                     &lt;form method=&quot;post&quot; name=&quot;contact&quot; action=&quot;#contact&quot;&gt;                         &lt;div class=&quot;left&quot;&gt;                             &lt;label for=&quot;author&quot;&gt;Name:&lt;/label&gt; &lt;input name=&quot;author&quot; type=&quot;text&quot; class=&quot;input_field&quot; id=&quot;author&quot; maxlength=&quot;40&quot; /&gt;                         &lt;/div&gt;                         &lt;div class=&quot;right&quot;&gt;                                                        &lt;label for=&quot;email&quot;&gt;Email:&lt;/label&gt; &lt;input name=&quot;email&quot; type=&quot;text&quot; class=&quot;input_field&quot; id=&quot;email&quot; maxlength=&quot;40&quot; /&gt;                         &lt;/div&gt;                         &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;                         &lt;label for=&quot;text&quot;&gt;Message:&lt;/label&gt; &lt;textarea id=&quot;text&quot; name=&quot;text&quot; rows=&quot;0&quot; cols=&quot;0&quot;&gt;</textarea> <br />
Text unter dem Design:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">&lt;div id=&quot;templatemo_footer&quot;&gt;     Copyright &copy; 2072 &lt;a href=&quot;#&quot; _fcksavedurl=&quot;#&quot;&gt;Your Company Name&lt;/a&gt; | Designed by &lt;a href=&quot;http://www.templatemo.com&quot; _fcksavedurl=&quot;http://www.templatemo.com&quot; target=&quot;_parent&quot;&gt;Free CSS Templates&lt;/a&gt; | Coding by &lt;a href=&quot;http://www.HPBK-DesignTemplates.de.t&quot; _fcksavedurl=&quot;http://www.HPBK-DesignTemplates.de.t&quot; target=&quot;_parent&quot;&gt;HPBK-DesignTemplates.de.tl&lt;/a&gt; &lt;/div&gt;  &lt;/body&gt;  &lt;/html&gt;</textarea> <br />
Css code ohne Styling Tags:<br />
<textarea style="width:100px; height:50px;" readonly="readonly">#extraDiv1 {display: none;}   #extraDiv2 {display: none;}   #extraDiv3 {display: none;}   #extraDiv4 {display: none;}   #extraDiv5 {display: none;}   #extraDiv6 {display: none;}   #pre_header {display: none;}   #post_header {display: none;}  #pre_content {display: none;}   #nav_heading{display: none;}   #nav{display: none;}   div.header{display: none;}   h1#title{display: none;}   h2#title span {display: none;} body{   margin: 0; padding: 0; color: #ddd; font-size: 12px; line-height: 1.6em;   font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif; background-color: #000; }  a, a:link, a:visited { color: #9CF; font-weight: normal; text-decoration: none } a:hover { color: #FF6; text-decoration: none; }  ul, li { padding:0; margin:0; list-style:none; }  h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: normal; } h1 { font-size: 58px; margin: 0 0 30px; padding: 5px 0 } h2 { font-size: 34px; margin: 0 0 30px; padding: 5px 0 } h3 { font-size: 20px; margin: 0 0 20px; padding: 0; } h4 { font-size: 16px; margin: 0 0 15px; padding: 0; } h5 { font-size: 14px; margin: 0 0 10px; padding: 0;  } h6 { font-size: 12px; margin: 0 0 5px; padding: 0; font-weight: 700 }  p { padding: 0; margin: 0 0 15px 0 }  .clear{ clear:left; }  cite { font-weight: bold; color:#fff; } cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal } cite span { font-weight: 400; color: #ccc; }   .list_bullet { margin: 0 0 10px 15px; padding: 0; list-style: none } .list_bullet li { color:#fff; margin: 0 0 7px 0; padding: 0 0 0 20px; background: url(http://s7.directupload.net/images/130601/q9rpehpn.png) no-repeat scroll 0 6px  } .list_bullet li a { color: #fff; font-weight: normal; text-decoration: none } .list_bullet li a:hover { color: #fff }  .no_bullet { margin: 0; padding: 0; list-style: none } .no_bullet li { margin: 0 0 20px 0; padding: 0 } a.header { display: block; font-weight: 700 }  .half { width: 370px }  .h20 { height: 20px } .h40 { height: 40px }  img { margin: 0; padding: 0; border: none } .img_border { background: #fff; padding: 4px; border: 1px solid #ccc } .img_nom { display: inline-block; margin-bottom: 15px } .img_fl { float: left; margin: 3px 15px 5px 0 } .img_fr { float: right; margin: 3px 0 5px 15px }  .left { float: left } .right { float: right }  #templatemo_header { width: 800px; margin: 0 auto; padding: 30px 0; }  #templatemo_main { width: 800px; height: 487px; overflow: hidden; margin: 0 auto; }  #templatemo_footer { width: 800px; margin: 0 auto; padding: 20px 0; text-align: right }  #site_title { display: block } #site_title a { color: #fff; font-weight: 700; letter-spacing: 10px; line-height: 30px }  #content{ overflow:hidden; width: 7000px; position:relative; height: 487px; }  .section { position:relative; float:left; width: 800px; height: 487px; margin-right: 20px; }  .section a.slider_nav_btn { position: absolute; top: 0; width: 50px; height: 46px; display: block; background-image: url(images/slider_nav_btn.jpg);  text-indent: -10000px } .section a.home_btn { right: 50px; background-position: 102px 0 } .section a.previous_btn { right: 100px; background-position: 0 0 } .section a.next_btn { right: 0px; background-position: 50px 0 }  .box { float: left; margin: 0 10px 10px 0 } #home_about { width: 314px; height: 314px } #home_gallery { width: 476px; height: 314px } .home_box1 { width: 152px; height: 152px } .home_box2 { width: 314px; height: 152px } .color1 { background: #d0b500 } .color2 { background: #c75000 } .color3 { background: #00afce } .color4 { background: #a4c700 } #home_gallery a { display: block; float: left; width: 152px; height: 152px; margin: 0 10px 10px 0 } #home_gallery a.no_mr { margin-right: 0 }  #social_links { text-align: center; padding: 40px 0 0 0 } #social_links a { display: block; float: left; width: 48px; height: 48px; margin-left: 12px }  #gallery {  }  #gallery li { width: auto; height: auto; float: left; width: 152px; height: 245px; background: none; margin: 0 10px 10px 0; } #gallery li a { display: block; } #gallery li a img  { }  #gallery li.no_margin_right { margin-right: 0 }  #contact_form { padding: 0; width: 330px }  #contact_form form { margin: 0px; padding</textarea>
 
################
Muhaha (Hauptseite)
################
 
 

Image Gallery

Lorem Ipsum

Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

About

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. Learn more...

=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=