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 meiner neuen Homepage HPBK-DesignTemplates.de.tl!<br />

Auf dieser Seite kannst du vieles gute fü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>

</span><br />

<br />

################

Design ColorPack (Unterseite von "Muhaha")

################

</a><b>Color Pack<br />

</b><br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text unter dem Design:<br />

<textarea readonly="readonly" style="width: 100px; height: 50px;">Coding by <a href="http://hpbk-generatoren.de.tl" _fcksavedurl="http://hpbk-generatoren.de.tl" target="_blank">HPBK-Generatoren</a>; Designed by <a href="http://hpbk-designtemplates.de.tl" _fcksavedurl="http://hpbk-designtemplates.de.tl" target="_blank">HPBK-DesignTemplates</a>;</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="102"]{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")

################

</span></font> <b>Crazy Colours<br />

</b><br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text unter dem Design:<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="102"]{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")

################

</span></font><br />

</a><b>Color Pack<br />

</b><br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text über dem Design:<br />

Text unter dem Design:<br />

Css code ohne Styling Tags:<br />

################

Design SingleSlider (Unterseite von "Muhaha")

################

</a></span></font><b>Single Slider<br />

</b><br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text über dem Design:<br />

$().ready(function() {

$('.kwicks').kwicks({

max : 710,

spacing : 0,

sticky: true,

});

</script> <script type="text/javascript" src="js/jquery-1-4-2.min.js"></script> <link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" /> <script type="text/JavaScript" src="js/slimbox2.js"></script> </head> <body> <div id="templatemo_wrapper"> <div id="templatemo_main"> <div id="site_title"> <h1><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com">Free CSS Templates</a></h1> </div> <div id="templatemo_content"> <ul class="kwicks"> <li id="home"><span class="header"></span> <div class="inner"> <h2>Welcome to Single Slider</h2> <p><em>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.</em></p> <img src="http://s1.directupload.net/images/130601/8j5n9js8.jpg" _fcksavedurl="http://s1.directupload.net/images/130601/8j5n9js8.jpg" alt="Image 01" class="image_fl" /> <div class="col_half float_r"> <p><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com">Single Slider</a> 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. </p> <h3>Overview</h3> <ul class="templatemo_list"> <li>Maecenas ac odio</li> <li>Fusce risus tortor</li> <li>Proin facilisis ulla</li> <li>Sed vel justo quis</li> <li>Ut tristique sagittis</li> </ul> </div> </div> </li> <li id="about"><span class="header"></span> <div class="inner"> <h2>About</h2> <img src="http://s14.directupload.net/images/130601/innn8kir.jpg" _fcksavedurl="http://s14.directupload.net/images/130601/innn8kir.jpg" alt="Image 02" class="image_fr" /> <p><em>Ut tincidunt risus porta ipsum tristique sodales. Cras et urna erat. Integer laoreet turpis id arcu congue scelerisque.</em></p> <p>Aenean facilisis bibendum neque, adipiscing dapibus felis elementum id. Vestibulum ante ipsum primis in <a href="#" _fcksavedurl="#">faucibus orci</a> 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 <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p> <p>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 <a href="#" _fcksavedurl="#">orci rutrum elit</a>, 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.</p> </div> </li> <li id="social"><span class="header"></span> <div class="inner"> <h2>Social</h2> <p><em>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.</em></p> <ul class="social_links"> <li><a href="http://www.facebook.com/templatemo" _fcksavedurl="http://www.facebook.com/templatemo" class="facebook">Facebook</a></li> <li><a href="#" _fcksavedurl="#" class="flickr">Flickr</a></li> <li><a href="#" _fcksavedurl="#" class="linkedin">Linkedin</a></li> <li><a href="#" _fcksavedurl="#" class="twitter">Twitter</a></li> <li><a href="#" _fcksavedurl="#" class="yahoo">Yahoo</a></li> <li><a href="#" _fcksavedurl="#" class="youtube">Youtube</a></li> </ul> </div> </li> <li id="portfolio"><span class="header"></span> <div class="inner"> <h2>Portfolio</h2> <ul id="gallery"> <li><a href="bil" _fcksavedurl="bil" rel="lightbox[portfolio]" title="Curabitur facilisis auctor risus, eget lacinia leo feugiat ac."><img src="http://s14.directupload.net/images/130601/qd97sx86.jpg" _fcksavedurl="http://s14.directupload.net/images/130601/qd97sx86.jpg" alt="Image 01" /></a></li> <li><a href="http://s14.directupload.net/images/130601/lipoa76w.jpg" _fcksavedurl="http://s14.directupload.net/images/130601/lipoa76w.jpg" rel="lightbox[portfolio]" title="Nulla varius laoreet tellus, non volutpat mi iaculis a."><img src="http://s14.directupload.net/images/130601/lipoa76w.jpg" _fcksavedurl="http://s14.directupload.net/images/130601/lipoa76w.jpg" alt="Image 02" /></a></li> <li><a href="images/portfolio/03-l.jpg" _fcksavedurl="images/portfolio/03-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Vestibulum euismod mi et massa volutpat lobortis."><img src="images/portfolio/03.jpg" _fcksavedurl="images/portfolio/03.jpg" alt="Image 03" /></a></li> <li><a href="http://s7.directupload.net/images/130601/hg5m74kg.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/hg5m74kg.jpg" rel="lightbox[portfolio]" title="Quisque volutpat nunc a felis lobortis aliquet."><img src="http://s7.directupload.net/images/130601/hg5m74kg.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/hg5m74kg.jpg" alt="Image 04" /></a></li> <li><a href="images/portfolio/05-l.jpg" _fcksavedurl="images/portfolio/05-l.jpg" rel="lightbox[portfolio]" title="Nullam dictum enim et quam posuere dapibus."><img src="images/portfolio/05.jpg" _fcksavedurl="images/portfolio/05.jpg" alt="Image 05" /></a></li> <li><a href="images/portfolio/06-l.jpg" _fcksavedurl="images/portfolio/06-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Phasellus condimentum nisi et mi feugiat dapibus."><img src="images/portfolio/06.jpg" _fcksavedurl="images/portfolio/06.jpg" alt="Image 06" /></a></li> </ul> </div> </li </div> </li> </ul> </div>  </div>  </textarea> <br />

Text unter dem Design:<br />

<textarea style="width:100px; height:50px;" readonly="readonly"> <div id="templatemo_footer">Copyright © 2048 Your Company Name | Designed by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a></div> | Coing by<a href="http://www.HPBK-DesignTemplates.de.tl" _fcksavedurl="http://www.HPBK-DesignTemplates.de.tl" target="_parent">HPBK-DesignTemplates.de.tl</a> </div>  </body> </html></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: "Lucida Sans Unicode", "Lucida Grande", 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, "Times New Roman", 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, "Times New Roman", 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önnen!<br />

<br />

3. <a target="_blank" href="weve.htm">Text Werbung verschieben...</a> <br />

Mit diesen Code kannst du die Werbung dür den HPBK verschieben!<br />

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ü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ügen zu kö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ü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; "><marquee direction="<span style="color: rgb(255, 0, 0); ">Hier in welche Richtung der Text Laufen soll (z.B. left, right oder up, down)</span>" behavior="scroll" scrollamount="1" scrolldelay="1" style="color:#000000;font-size:16px;font-family:Arial;" ></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; " />

<br />

</span>

3. Das sieht dann so aus:  <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="1" style="color:#000000;font-size:16px;font-family:Arial;"> Hier dein Text! </marquee>

################

Cssbo (Unterseite von "Muhaha")

################

Um eine Css Box in deine Hompage einfügen zu kö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 <a target="_blank" href="http://www.homepage-baukasten.de/editpage.php">Seiteneditor</a> in den Quellcode!<br />

<br />

2. Füge dort dann diesen Code ein:<br type="_moz" />

<textarea <span style="padding: 0px; margin: 0px; ">rows="6"</span> <span style="padding: 0px; margin: 0px; ">cols="50"</span>><span style="color: rgb(255, 0, 0); ">Hier kommt dein Code oder Text hin!</span></textarea><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ügen zu kö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> und dann dort auf Erweiterte Einstellungen.<br />

<br />

2. Dann fügst du in den Bereich "<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); ">" 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);">/*UNTEREWERBUNG VERSCHIEBEN ENDE*/</span></div>

</span></div>

################

Nogo (Unterseite von "Muhaha")

################

Hier sind ein paar No Go's aufgelistet für deine Hompage:<br />

<br />

1. Es nervt wen man durch zu viel Werbung belästigt wird! <br />

<br />

2. Mach nie so eine "Multi-Seite" 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ätze sondern wen dan schreib halt mal in Ruhe einen gut Formulierten Text am besten nich Blinkend! <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 />

################

Baer (Unterseite von "Muhaha")

################

<span style="background-color: rgba(255, 255, 255, 0);">Um einen Banner erstellen zu können muss du einfach diese 3 Schritte befolgen:<br />

<br />

1. Du gehst in den HPBK Login Bereich und gehst auf den <a target="_blank" href="http://www.homepage-baukasten.de/bilder.php">Bilder Upload</a> oder <a target="_blank" href="http://www.imgbox.de/">hier</a> und ladest dein gewünschtes Banner Bild hoch.<br />

<br />

2. Dann kopierst du die Bild URL und fügst sie in diesen Code rein:<br />

<br />

</span>

<div><span style="background-color: rgba(255, 255, 255, 0);"><a href="<span style="color: rgb(255, 0, 0); ">Der Hompage Link hier!</span>"><br /></span></div>

<div><span style="background-color: rgba(255, 255, 255, 0);"><img src="<span style="color: rgb(255, 0, 0); ">Und die Bild URL hier!</span>" alt="Bild hochladen</span></div>

<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ändiges Design! Nicht so eins wie es der HPBK anbietet sondern ein "CSS" 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ö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änge an News zu schreiben und die Newsletter aktivieren!<br type="_moz" />

<br />

Dieses Kontzept funktioniert meistens sehr gut! Viel Glück

################

Design IceColors (Unterseite von "Muhaha")

################

</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ür das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text über dem Design:<br />

<textarea readonly="readonly" style="width: 100px; height: 50px;"><style type="text/css"> /* 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);} </style></textarea> <br />

Text unter dem Design:<br />

<textarea readonly="readonly" style="width: 100px; height: 50px;">Coding by <a href=www.design-generator.de.tl" _fcksavedurl="http://hpbk-generatoren.de.tl" target="_blank">Design-Generatoren</a>; Designed by <a href="http://hpbk-designtemplates.de.tl" _fcksavedurl="http://hpbk-designtemplates.de.tl" target="_blank">HPBK-DesignTemplates</a>;</textarea>

################

design softlink (Unterseite von "Muhaha")

################

<strong>Softlink</strong><br />

<br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text über dem Design:<br />

Text unter dem Design:<br />

Css code ohne Styling Tags:<br />

################

tour (Unterseite von "Muhaha")

################

Willkommen bei der HPBK-DesignTemplates Tour,<br />

Wir werden sich hier nun durch die gesamte Hompage fü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ählen/ finden</u><br />

<br />

Um ein Design auszuwählen müsst du im Menü auf "Designs" klicken:<br />

<br />

 Nun muss es so aussehen:<br />

Nun klicke einfach das gewü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: </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:    </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; "><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ößter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung mö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; "><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ält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Fü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ögliche Rechtsverstöße überprü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; "><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ältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur fü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; "><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öglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrü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); ">Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.</span></p>

################

Kontaktd (Unterseite von "Muhaha")

################

<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>

################

H (Unterseite von "Muhaha")

################

onclick="this.style.backgroundImage = 'url(http://www10.pic-upload.de/29.05.13/ahsauan1suj8.jpg)';"m<br />

<br />

################

alert (Unterseite von "Muhaha")

################

<p>Um eine Alert Box zu machen muss man folgende Schritte beachten:<br />

<br />

1. Man muss sich natürlich in Hompage Baukasten einloggen.<br />

<br />

2. Man geht in den Seiteneditor und geht auf der gewünschten Seite in den Quellcode.<br />

<br />

3. In den Quellcode kopiert ihr folgenden Text rein:<br />

<br />

 ><SCRIPT LANGUAGE="JavaScript"><br />

<!--<br />

window.alert("<span style="color: rgb(255, 0, 0);">Geben Sie Ihre Nachricht hier </span><span style="color: rgb(255, 0, 0);">ein!</span>")<br />

// --><br />

</SCRIPT><br />

<br />

4. Speichere nun die ganze Sache ab!<br />

 </p>

################

>Design<>4< (Unterseite von "Muhaha")

################

<strong>BlackBlue<br />

</strong><br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text unter dem Design:<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="102"]{}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")

################

################

b (Unterseite von "Muhaha")

################

<a href="<a href="http://hpbk-designtemplates.de.tl/">http://hpbk-designtemplates.de.tl/</a>" target="_blank"><img src="<a href="http://hpbk-designtemplates.de.tl/sig.png">http://hpbk-designtemplates.de.tl/sig.png</a>" width="500" height="60" border="0" alt="hpbk-designtemplates.de.tl"></a>

################

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" /> <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ält über 15 Menü Links daher gut für Templates Anbieter da auch viele Bilder drin sind.<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" /> <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ür Foto, Awards oder Gamer Seiten. Es enthält hauptsächlich 2 Farben: Orange und Schwarz.<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" /> <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ür eigentlich alles! Es enthält möglichkeiten Bilder austellen zu können und die Website weiter zu empfehlen.<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" /> <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ür auf jeden fall Fotos! Es hat 5 Menü Links.<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" /> <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ür Anfänger sehr geeignet da man nicht von selbst Menü-links hinzufügen muss.

<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" /> <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ür Anfänger sehr geeignet da man nicht von selbst Menü-links hinzufügen muss.

Es hat eine rechte Box und die Werbung wurde auch zentriert.<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" /> <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ür Firmen bzw. Award-Seiten und Template Seiten!<br />

################

Css (Unterseite von "Muhaha")

################

Css Designs:<br />

<br />

Ein Design fur Firmen oder Award Seiten. Es enthält über 15 Menü Links daher gut für Templates Anbieter da auch viele Bilder drin sind.<br />

<br />

Ein Design für Foto, Awards oder Gamer Seiten. Es enthält hauptsächlich 2 Farben: Orange und Schwarz.<br />

<br />

Ein Design für eigentlich alles! Es enthält möglichkeiten Bilder austellen zu können und die Website weiter zu empfehlen.<br />

<br />

Ein Design für auf jeden fall Fotos! Es hat 5 Menü Links.<br />

<br />

Diese Design ist für Anfänger sehr geeignet da man nicht von selbst Menü-links hinzufügen muss.

<br />

Diese Design ist für Anfänger sehr geeignet da man nicht von selbst Menü-links hinzufügen muss.

Es hat eine rechte Box und die Werbung wurde auch zentriert.<br />

<br />

################

New (Unterseite von "Muhaha")

################

</span></font></a><b>Techno<br />

</b><br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text über dem Design:<br />

function clearText(field)

{

if (field.defaultValue == field.value) field.value = '';

else if (field.value == '') field.value = field.defaultValue;

}

</script> <link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" /> <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> </head> <body id="home"> <div id="templatemo_wrapper"> <div id="templatemo_header_home"> <div id="site_title"><h1><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com">Free CSS Templates</a></h1></div> </div>  <div id="templatemo_middle"> <div id="templatemo_middle_text"> <h2>Pellentesque neque orci <strong>Nunc ornare metus leo</strong></h2> <p>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. </p> <a href="#" _fcksavedurl="#" class="learnmore">Learn More</a> </div> <div id="slider-wrapper"> <div id="slider" class="nivoSlider"> <img src="http://s1.directupload.net/images/130601/5f6ky96l.jpg" _fcksavedurl="http://s1.directupload.net/images/130601/5f6ky96l.jpg" alt="Slider 01" title="Aenean tortor vel porttitor volutpat" /> <a href="http://dev7studios.com" _fcksavedurl="http://dev7studios.com"><img src="http://s7.directupload.net/images/130601/4glkwrao.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/4glkwrao.jpg" alt="Slider 02" title="Donec sit amet gravida quam ut condimentum risus" /></a> <img src="http://s1.directupload.net/images/130601/t8525cwx.jpg" _fcksavedurl="http://s1.directupload.net/images/130601/t8525cwx.jpg" alt="Slider 03" title="Pellentesque dignissim dapibus fermentum"/> <img src="http://s1.directupload.net/images/130601/hk4erzh9.jpg" _fcksavedurl="http://s1.directupload.net/images/130601/hk4erzh9.jpg" alt="Slider 03" title="Mauris lobortis placerat sollicitudin" /> </div> </div> <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> <div class="cleaner"></div> </div>  <div id="templatemo_main"> <div id="content_top"> <div class="col_2"> <h4><a href="#" _fcksavedurl="#">Aliquam posuere imperdiet aliquet</a></h4> <div class="image_fl"><img src="http://s7.directupload.net/images/130601/cfimlcbj.png" _fcksavedurl="http://s7.directupload.net/images/130601/cfimlcbj.png" alt="Image 01" /></div> <p>Ut sed lorem ac ante cursus auctor. Nam ut congue velit. Cras eget fermentum sem. Maecenas nec purus lorem.</p> <a href="#" _fcksavedurl="#" class="more float_r">More</a> <div class="cleaner"></div> </div> <div class="col_2 no_margin_right"> <h4><a href="#" _fcksavedurl="#">Nulla sed convallis nisl imperdiet</a></h4> <div class="image_fl"><span></span><img src="http://s14.directupload.net/images/130601/5s69boif.png" _fcksavedurl="http://s14.directupload.net/images/130601/5s69boif.png" alt="Image 02" /></div> <p>Morbi blandit nunc vitae odio volutpat hendrerit. Aliquam adipiscing nunc eget arcu vulputate consectetur. </p> <a href="#" _fcksavedurl="#" class="more float_r">More</a> <div class="cleaner"></div> </div> <div class="cleaner"></div> </div> <div id="content"> <h2> Latest Website Template</h2> <div class="post no_pmb"> <img src="http://s1.directupload.net/images/130601/od94q3nu.png" _fcksavedurl="http://s1.directupload.net/images/130601/od94q3nu.png" alt="Image 01" class="image_frame image_fl" /> <h2 class="home">Integer Sit Amet Dui Lorem</h2> <div class="meta">by <strong><a href="#" _fcksavedurl="#">Edward</a></strong> on <strong>March 23, 2048</strong> in <strong><a href="#" _fcksavedurl="#">3D</a>, <a href="#" _fcksavedurl="#">Interactive</a></strong> | <strong><a href="#" _fcksavedurl="#">154 comments</a></strong></div> <p><a href="http://www.templatemo.com/" _fcksavedurl="http://www.templatemo.com/">Techno</a> is free css template provided by <a href="http://www.templatemo.com/" _fcksavedurl="http://www.templatemo.com/">templatemo.com</a> for your personal or commercial websites. Credit goes to <a href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249" _fcksavedurl="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249" target="_blank">jwloh</a> 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 <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p> <a href="#" _fcksavedurl="#" class="more float_r">More</a> <div class="cleaner"></div> </div> </div> <div id="sidebar"> <h3>Services</h3> <ul class="templatemo_list"> <li>Augue felis pharetra felis</li> <li>Condimentum et vulputate</li> <li>Dolor vel condimentum</li> <li>Felis pharetra felis sed</li> <li>Integer placerat dolor vel</li> <li>Tortor mi in massa donec</li> <li>Vulputate tortor mi in massa</li> </ul> </div> <div class="cleaner"></div> </div>  </div>  <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> </textarea> <br />

Text unter dem Design:<br />

<textarea style="width:100px; height:50px;" readonly="readonly"><br /> <br /> <div class="cleaner h20"></div> <p>Copyright © 2048 <br /> Your Company Name | Designed by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a></p> | Coding by <a href="http://www.hpbk-designtemplates.de.tl" _fcksavedurl="http://www.hpbk-designtemplates.de.tl" target="_parent">HPBK-DesignTemplates.de.tl</a> </div> <div class="cleaner"></div> </div>  </div>  </body> </html></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")

################

</a></span></font><b>Techno<br />

</b><br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text über dem Design:<br />

function clearText(field)

{

if (field.defaultValue == field.value) field.value = '';

else if (field.value == '') field.value = field.defaultValue;

}

/***********************************************

* 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"]

})

$(window).load(function() {

$('#slider').nivoSlider();

});

Text unter dem Design:<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")

################

</span></font><b>Sommer Commback<br />

</b><br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text unter dem Design:<br />

<textarea style="width:100px; height:50px;" readonly="readonly">Coding by <a href="http://hpbk-generatoren.de.tl" _fcksavedurl="http://hpbk-generatoren.de.tl" target="_blank">HPBK-Generatoren</a>; Designed by <a href="http://hpbk-designtemplates.de.tl" _fcksavedurl="http://hpbk-designtemplates.de.tl" target="_blank">HPBK-DesignTemplates</a>;</textarea> <br />

Css code ohne Styling Tags:<br />

<textarea style="width:100px; height:50px;" readonly="readonly"><style type="text/css"> /* 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);} </style></textarea>

################

Design idealab (Unterseite von "Muhaha")

################

</span></font><b>Idealab<br />

</b><br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text über dem Design:<br />

<textarea style="width:100px; height:50px;" readonly="readonly"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!--

Design by http://www.rocketwebsitetemplates.com

Released for free under a Creative Commons Attribution 3.0 License

--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>RocketWebsiteTemplates.com</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/script.js"></script>  <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>  </head> <body> <div class="main"> <div class="main_resize"> <div class="header"> <div class="menu_nav"> <ul> <li class="active"><a href="index.html" _fcksavedurl="index.html">Home</a></li> <li><a href="support.html" _fcksavedurl="support.html">Support</a></li> <li><a href="about.html" _fcksavedurl="about.html">About Us</a></li> <li><a href="blog.html" _fcksavedurl="blog.html">Blog</a></li> <li><a href="contact.html" _fcksavedurl="contact.html">Contact Us</a></li> </ul> <div class="clr"></div> </div> <div class="hbg"> <img src="https://img.webme.com/pic/t/test-hpbk-templates/header_images.jpg" _fcksavedurl="https://img.webme.com/pic/t/test-hpbk-templates/header_images.jpg" width="641" height="289" alt="header images" /> <div class="logo"> <h1><a href="index.html" _fcksavedurl="index.html">dev<span>i</span>deas<small>Simple web template</small></a></h1> </div> </div> </div> <div class="content"> <div class="content_bg"> <div class="mainbar"> <div class="article"> <h2><span>Template License</span></h2> <div class="clr"></div> <p class="post-data"><span class="date">March 16, 2018</span>  |  Posted by <a href="#" _fcksavedurl="#">Owner</a>  |  Filed under <a href="#" _fcksavedurl="#">templates</a>, <a href="#" _fcksavedurl="#">internet</a></p> <img src="https://img.webme.com/pic/t/test-hpbk-templates/images_1.jpg" _fcksavedurl="https://img.webme.com/pic/t/test-hpbk-templates/images_1.jpg" width="613" height="193" alt="image" /> <p>This is a free CSS website template by <a href="http://www.rocketwebsitetemplates.com/" _fcksavedurl="http://www.rocketwebsitetemplates.com/" title="Website Templates">RocketWebsiteTemplates.com</a>. This work is distributed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/" _fcksavedurl="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>, 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 <a href="http://www.rocketwebsitetemplates.com/" _fcksavedurl="http://www.rocketwebsitetemplates.com/" title="Website Templates">RocketWebsiteTemplates.com</a>.</p> <p class="spec"><a href="#" _fcksavedurl="#" class="com fr">Comments (3)</a> <a href="#" _fcksavedurl="#" class="rm fl">Read more</a></p> <div class="clr"></div> </div> <div class="article"> <h2><span>Lorem Ipsum</span> Dolor Sit</h2> <div class="clr"></div> <p class="post-data"><span class="date">March 15, 2010</span>  |  Posted by <a href="#" _fcksavedurl="#">Owner</a>  |  Filed under <a href="#" _fcksavedurl="#">templates</a>, <a href="#" _fcksavedurl="#">internet</a></p> <img src="https://img.webme.com/pic/t/test-hpbk-templates/images_2.jpg" _fcksavedurl="https://img.webme.com/pic/t/test-hpbk-templates/images_2.jpg" width="613" height="193" alt="image" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#" _fcksavedurl="#">Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</a> 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.</p> <p>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.</p> <p class="spec"><a href="#" _fcksavedurl="#" class="com fr">Comments (7)</a> <a href="#" _fcksavedurl="#" class="rm fl">Read more</a></p> <div class="clr"></div> </div> <div class="pagenavi"><span class="pages">Page 1 of 2</span><span class="current">1</span><a href="#" _fcksavedurl="#" title="2">2</a><a href="#" _fcksavedurl="#" >»</a></div> </div> <div class="sidebar"> <div class="gadget"> <div class="search"> <form method="get" id="search" action=""> <span> <input type="text" value="Search..." name="s" id="s" /> <input name="searchsubmit" type="image" src="https://img.webme.com/pic/t/test-hpbk-templates/search.gif" value="Go" id="searchsubmit" class="btn" /> </span> </form>  <div class="clr"></div> </div> <div class="clr"></div> </div> <div class="gadget"> <h2><span>Sidebar</span> Menu</h2> <div class="clr"></div> <ul class="sb_menu"> <li class="active"><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">TemplateInfo</a></li> <li><a href="#" _fcksavedurl="#">Style Demo</a></li> <li><a href="#" _fcksavedurl="#">Blog</a></li> <li><a href="#" _fcksavedurl="#">Archives</a></li> <li><a href="http://www.dreamtemplate.com" _fcksavedurl="http://www.dreamtemplate.com" title="Website Templates">Web Templates</a></li> </ul> </div> <div class="gadget"> <h2><span>Sponsors</span></h2> <div class="clr"></div> <ul class="ex_menu"> <li class="active"><a href="http://www.dreamtemplate.com" _fcksavedurl="http://www.dreamtemplate.com" title="Website Templates">DreamTemplate</a> Over 6,000+ Premium Web Templates</li> <li><a href="http://www.templatesold.com" _fcksavedurl="http://www.templatesold.com" title="WordPress Themes">TemplateSOLD</a> Premium WordPress & Joomla Themes</li> <li><a href="http://www.imhosted.com" _fcksavedurl="http://www.imhosted.com" title="Affordable Hosting">ImHosted.com</a> Affordable Web Hosting Provider</li> <li><a href="http://www.dreamstock.com/" _fcksavedurl="http://www.dreamstock.com/">DreamStock</a> Royalty Free Stock Icons</li> <li><a href="http://www.evrsoft.com" _fcksavedurl="http://www.evrsoft.com" title="Website Builder">Evrsoft</a> Website Builder Software & Tools</li> <li><a href="http://www.csshub.com/" _fcksavedurl="http://www.csshub.com/" title="CSS Templates">CSS Hub</a> Premium CSS Templates</li> </ul> </div> <div class="gadget"> <h2 class="grey"><span>Wise Words</span></h2> <div class="clr"></div> <div class="testi"> <p><span class="q"><img src="https://img.webme.com/pic/t/test-hpbk-templates/qoute_1.gif" _fcksavedurl="https://img.webme.com/pic/t/test-hpbk-templates/qoute_1.gif" width="20" height="15" alt="quote" /></span> We can let circumstances rule us, or we can take charge and rule our lives from within. <span class="q"><img src="https://img.webme.com/pic/t/test-hpbk-templates/qoute_2.gif" _fcksavedurl="https://img.webme.com/pic/t/test-hpbk-templates/qoute_2.gif" width="20" height="15" alt="quote" /></span></p> <p class="title"><strong>Earl Nightingale</strong></p> </div> </div> </div> <div class="clr"></div> </div> </div> </textarea> <br />

Text unter dem Design:<br />

<textarea style="width:100px; height:50px;" readonly="readonly"><div class="fbg"> <div class="col c1"> <h2><span>Image Gallery</span></h2> <a href="#" _fcksavedurl="#"><img src="images/pic_1.jpg" _fcksavedurl="images/pic_1.jpg" width="58" height="58" alt="pix" /></a> <a href="#" _fcksavedurl="#"><img src="images/pic_2.jpg" _fcksavedurl="images/pic_2.jpg" width="58" height="58" alt="pix" /></a> <a href="#" _fcksavedurl="#"><img src="images/pic_3.jpg" _fcksavedurl="images/pic_3.jpg" width="58" height="58" alt="pix" /></a> <a href="#" _fcksavedurl="#"><img src="images/pic_4.jpg" _fcksavedurl="images/pic_4.jpg" width="58" height="58" alt="pix" /></a> <a href="#" _fcksavedurl="#"><img src="images/pic_5.jpg" _fcksavedurl="images/pic_5.jpg" width="58" height="58" alt="pix" /></a> <a href="#" _fcksavedurl="#"><img src="images/pic_6.jpg" _fcksavedurl="images/pic_6.jpg" width="58" height="58" alt="pix" /></a> </div> <div class="col c2"> <h2><span>Lorem Ipsum</span></h2> <p>Lorem ipsum dolor<br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#" _fcksavedurl="#">Morbi tincidunt, orci ac convallis aliquam</a>, 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.</p> </div> <div class="col c3"> <h2><span>About</span></h2> <p>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. <a href="#" _fcksavedurl="#">Learn more...</a></p> </div> <div class="clr"></div> </div> </div> <div class="footer"> <div class="footer_resize"> <p class="lf">© Copyright <a href="#" _fcksavedurl="#">MyWebSite</a>.</p> <p class="rf">Layout by Rocket <a href="http://www.rocketwebsitetemplates.com/" _fcksavedurl="http://www.rocketwebsitetemplates.com/">Website Templates</a></p> <div class="clr"></div> </div> </div> </div> </body> </html></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 "utf-8"; /* 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")

################

</a></span></font><strong>Metro</strong><br />

<br />

Hier der Code für das Design. Du Must in im Login Bereich bei >Design einstellen>erweiterte Einstellungen> <br />

<br />

Text über dem Design:<br />

<textarea style="width:100px; height:50px;" readonly="readonly"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Metro, free website template</title> <FCK:meta name="keywords" content="metro, free website template, beautiful grid, image grid menu, colorful theme" /> <FCK:meta name="description" content="Metro is a free website template by templatemo.com and it features jQuery horizontal scrolling among pages." /> <link href="templatemo_style.css" type="text/css" rel="stylesheet" /> <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> <link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" /> <script type="text/JavaScript" src="js/slimbox2.js"></script> </head> <body> <div id="templatemo_header"> <div id="site_title"><h1><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" title="Free Website Template">Metro</a></h1></div> </div> <div id="templatemo_main"> <div id="content"> <div id="home" class="section"> <div id="home_about" class="box"> <h2>Welcome</h2> <p>Metro is a <a href="http://www.templatemo.com/page/1" _fcksavedurl="http://www.templatemo.com/page/1">free website template</a> for everyone from <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com">templatemo.com</a> and it can be used for any purpose. Validate <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>. 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.</p> <p>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.</p> </div> <div id="home_gallery" class="box no_mr"> <a href="http://s14.directupload.net/images/130601/i7v2qumu.jpg" _fcksavedurl="http://s14.directupload.net/images/130601/i7v2qumu.jpg" rel="lightbox[gallery]"><img src=" http://s14.directupload.net/images/130601/lrchxuml.jpg" alt="image 1" /></a> <a href="http://s7.directupload.net/images/130601/zfsbeiwn.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/zfsbeiwn.jpg" rel="lightbox[gallery]"><img src="http://s7.directupload.net/images/130601/zfsbeiwn.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/zfsbeiwn.jpg" alt="image 2" /></a> <a href="http://s7.directupload.net/images/130601/3owwxvhd.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/3owwxvhd.jpg" rel="lightbox[gallery]" class="no_mr"><img src="http://s14.directupload.net/images/130601/ipwas2ti.jpg" _fcksavedurl="http://s14.directupload.net/images/130601/ipwas2ti.jpg" alt="image 3" /></a> <a href="http://s1.directupload.net/images/130601/mi3qssig.jpg" _fcksavedurl="http://s1.directupload.net/images/130601/mi3qssig.jpg" rel="lightbox[gallery]"><img src="http://s1.directupload.net/images/130601/6gj5qm2w.jpg" _fcksavedurl="http://s1.directupload.net/images/130601/6gj5qm2w.jpg" alt="image 4" /></a> <a href="http://s14.directupload.net/images/130601/2nasooup.jpg" _fcksavedurl="http://s14.directupload.net/images/130601/2nasooup.jpg" rel="lightbox[gallery]"><img src="http://s14.directupload.net/images/130601/3vbms28o.jpg" _fcksavedurl="http://s14.directupload.net/images/130601/3vbms28o.jpg" alt="image 5" /></a> <a href="http://s7.directupload.net/images/130601/ussy3z7v.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/ussy3z7v.jpg" rel="lightbox[gallery]" class="no_mr"><img src="http://s7.directupload.net/images/130601/yg3o5rc2.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/yg3o5rc2.jpg" alt="image 6" /></a> </div> <div class="box home_box1 color1"> <a href="#services" _fcksavedurl="#services"><img src="http://s7.directupload.net/images/130601/pedx9czk.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/pedx9czk.jpg" alt="Services" /></a> </div> <div class="box home_box1 color2"> <a href="#testimonial" _fcksavedurl="#testimonial"><img src="http://s7.directupload.net/images/130601/jcp44ehy.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/jcp44ehy.jpg" alt="Testimonial" /></a> </div> <div class="box home_box2 color3"> <div id="social_links"> <a href="https://www.facebook.com/templatemo" _fcksavedurl="https://www.facebook.com/templatemo"><img src="http://s7.directupload.net/images/130601/q6duprg7.png" _fcksavedurl="http://s7.directupload.net/images/130601/q6duprg7.png" alt="Facebook" /></a> <a href="#" _fcksavedurl="#"><img src="http://s14.directupload.net/images/130601/yact9b6g.png" _fcksavedurl="http://s14.directupload.net/images/130601/yact9b6g.png" alt="Flickr" /></a> <a href="https://www.facebook.com/templatemo" _fcksavedurl="https://www.facebook.com/templatemo"><img src="http://s14.directupload.net/images/130601/ylkxbaqd.png" _fcksavedurl="http://s14.directupload.net/images/130601/ylkxbaqd.png" alt="Twitter" /></a> <a href="#" _fcksavedurl="#"><img src="http://s1.directupload.net/images/130601/zrd29hyr.png" _fcksavedurl="http://s1.directupload.net/images/130601/zrd29hyr.png" alt="Youtube" /></a> <a href="https://www.facebook.com/templatemo" _fcksavedurl="https://www.facebook.com/templatemo"><img src="http://s14.directupload.net/images/130601/ycod2f4c.png" _fcksavedurl="http://s14.directupload.net/images/130601/ycod2f4c.png" alt="Vimeo" /></a> <div class="clear h20"></div> <h3>Social</h3> </div> </div> <div class="box home_box1 color4 no_mr"> <a href="#contact" _fcksavedurl="#contact"><img src="http://s1.directupload.net/images/130601/mjf7glh6.jpg" _fcksavedurl="http://s1.directupload.net/images/130601/mjf7glh6.jpg" alt="Contact" /></a> </div> </div>  <div class="section section_with_padding" id="services"> <h2>Services</h2> <div class="img_border img_fl"> <img src="http://s14.directupload.net/images/130601/ug2ws8qk.jpg" _fcksavedurl="http://s14.directupload.net/images/130601/ug2ws8qk.jpg" alt="image" /> </div> <div class="half right"> <ul class="list_bullet"> <li>Maecenas ac odio ipsum donec cursus</li> <li>Fusce risus tortor, interdum</li> <li>Proin facilisis ullamcorper</li> <li>Sed vel justo quis ligula</li> <li>Ut tristique sagittis arcu</li> <li>Maecenas ac odio ipsum donec cursus</li> <li>Fusce risus tortor, interdum</li> </ul> </div> <div class="clear h40"></div> <div class="img_border img_fr"> <img src="http://s1.directupload.net/images/130601/xcfpe3wi.jpg" _fcksavedurl="http://s1.directupload.net/images/130601/xcfpe3wi.jpg" alt="image" /> </div> <div class="half left"> <p><em>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis.</em></p> <p>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. </p> </div> <a href="#home" _fcksavedurl="#home" class="slider_nav_btn home_btn">home</a> <a href="#home" _fcksavedurl="#home" class="slider_nav_btn previous_btn">Previous</a> <a href="#testimonial" _fcksavedurl="#testimonial" class="slider_nav_btn next_btn">Next</a> </div> <div class="section section_with_padding" id="testimonial"> <h2>Testimonial</h2> <p><em>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. </em></p> <div class="clear h40"></div> <div class="half left"> <div class="img_border img_fl"> <img src="http://s7.directupload.net/images/130601/xfoe3eja.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/xfoe3eja.jpg" alt="image 1" /> </div> <p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. </p> <cite>Walker - <span>TemplateMo.com</span></cite> </div> <div class="half right"> <div class="img_border img_fl"> <img src="http://s7.directupload.net/images/130601/xfoe3eja.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/xfoe3eja.jpg" alt="image 2" /> </div> <p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. </p> <cite>Jason - <span>TemplateMo.com</span></cite> </div> <div class="clear h40"></div> <div class="half left"> <div class="img_border img_fl"> <img src="images/templatemo_image_01.jpg" _fcksavedurl="images/templatemo_image_01.jpg" alt="image 3" /> </div> <p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. </p> <cite>Danny - <span>FlashMo.com</span></cite> </div> <div class="half right"> <div class="img_border img_fl"> <img src="http://s7.directupload.net/images/130601/xfoe3eja.jpg" _fcksavedurl="http://s7.directupload.net/images/130601/xfoe3eja.jpg" alt="image 4" /> </div> <p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. </p> <cite>Katey - <span>KoFlash.com</span></cite> </div> <a href="#home" _fcksavedurl="#home" class="slider_nav_btn home_btn">home</a> <a href="#services" _fcksavedurl="#services" class="slider_nav_btn previous_btn">Previous</a> <a href="#contact" _fcksavedurl="#contact" class="slider_nav_btn next_btn">Next</a> </div> <div class="section section_with_padding" id="contact"> <h2>Contact</h2> <div class="half left"> <h4>Quick Contact Form</h4> <p>Nullam a tortor est, congue fermentum nisi. Maecenas nulla nulla, eu volutpat euismod, scelerisque ut dui.</p> <div id="contact_form"> <form method="post" name="contact" action="#contact"> <div class="left"> <label for="author">Name:</label> <input name="author" type="text" class="input_field" id="author" maxlength="40" /> </div> <div class="right"> <label for="email">Email:</label> <input name="email" type="text" class="input_field" id="email" maxlength="40" /> </div> <div class="clear"></div> <label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0"></textarea> <br />

Text unter dem Design:<br />

<textarea style="width:100px; height:50px;" readonly="readonly"><div id="templatemo_footer"> Copyright © 2072 <a href="#" _fcksavedurl="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a> | Coding by <a href="http://www.HPBK-DesignTemplates.de.t" _fcksavedurl="http://www.HPBK-DesignTemplates.de.t" target="_parent">HPBK-DesignTemplates.de.tl</a> </div> </body> </html></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: "Lucida Sans Unicode", "Lucida Grande", 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)

################

Award+ Check

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...

ame Company put your best slogan here

Titel der neuen Seit

Award+ Check

Sponsors

Image Gallery

Lorem Ipsum

About