001

Text über dem Design

<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="site_title"><img src="http://www.loaditup.de/files/554775.png" alt=""></div>
</div>
<!-- end of templatemo_header --></div>
<!-- end of templatemo_header_wrapper -->
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
    <li><a class="current" href="#">Home</a></li>
    <li><a href="subpage.html">Archives</a></li>
    <li><a href="subpage.html">Gallery</a></li>
    <li><a href="subpage.html">About Us</a></li>
    <li><a href="subpage.html">Contact Us</a></li>
</ul>
</div>
<!-- end of templatemo_menu --></div>
<!-- end of templatemo_menu_wrapper -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div id="templatemo_content_top"> </div>
<div id="templatemo_content_middle">
<div class="post_section">


Text unter dem Design

</div>
</div>
<div id="templatemo_content_bottom"> </div>
</div>
<!-- end of templatemo_content -->
<div id="templatemo_sidebar">
<div class="categories_section">
<h3>Menü</h3>
<ul class="categories_list">
    <li><a href="subpage.html">Lorem ipsum dolor</a></li>
    <li><a href="subpage.htmll">Phasellus eget lorem</a></li>
    <li><a href="subpage.html">Sed sit amet sem</a></li>
    <li><a href="subpage.html">Cras eget est vel</a></li>
    <li><a href="subpage.html">Quisque in ligula</a></li>
    <li><a href="subpage.html">Donec a massa dui</a></li>
    <li><a href="subpage.html">Aenean facilisis</a></li>
    <li><a href="subpage.html">Etiam vitae consequat</a></li>
</ul>
</div>
<div class="news_section">
<h3>Letzte Neuigkeiten</h3>
<ol class="news_box">
    <li><a href="subpage.html">Lorem ipsum dolor sit amet consectetur </a>
    <p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
    </li>
    <li><a href="subpage.html">Lorem ipsum dolor sit amet consectetur </a>
    <p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
    </li>
    <li><a href="subpage.html">Lorem ipsum dolor sit amet consectetur </a>
    <p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
    </li>
</ol>
</div>
<div class="categories_section">
<h3>Partner</h3>
<ul class="categories_list">
    <li><a target="_parent" href="http://www.flashmo.com">Flash Templates</a></li>
    <li><a target="_parent" href="http://www.templatemo.com">Free CSS Templates</a></li>
    <li><a target="_parent" href="http://www.koflash.com">Flash Websites Gallery</a></li>
    <li><a target="_parent" href="http://www.webdesignmo.com/blog">Web Design Blog</a></li>
</ul>
</div>
</div>
<div class="cleaner"> </div>
</div>
<div id="templatemo_footer">
<ul class="footer_menu">
    <li><a href="subpage.html">Home</a></li>
    <li><a href="subpage.html">Archives</a></li>
    <li><a href="subpage.html">Photo Gallery</a></li>
    <li><a href="subpage.html">About Us</a></li>
    <li class="last_menu"><a href="subpage.html">Contact Us</a></li>
</ul>
Copyright © 2013 <a href="LINK">Your Company Name</a> | Designed by <a target="_parent" href="http://www.nepomukl.de.tl">Nepomukl</a> | <a href=""></a></div>
<!-- end of footer -->


CSS Code (ohne style-tags)
</div>
</div>
<div id="templatemo_content_bottom"> </div>
</div>
<!-- end of templatemo_content -->
<div id="templatemo_sidebar">
<div class="categories_section">
<h3>Menü</h3>
<ul class="categories_list">
    <li><a href="subpage.html">Lorem ipsum dolor</a></li>
    <li><a href="subpage.htmll">Phasellus eget lorem</a></li>
    <li><a href="subpage.html">Sed sit amet sem</a></li>
    <li><a href="subpage.html">Cras eget est vel</a></li>
    <li><a href="subpage.html">Quisque in ligula</a></li>
    <li><a href="subpage.html">Donec a massa dui</a></li>
    <li><a href="subpage.html">Aenean facilisis</a></li>
    <li><a href="subpage.html">Etiam vitae consequat</a></li>
</ul>
</div>
<div class="news_section">
<h3>Letzte Neuigkeiten</h3>
<ol class="news_box">
    <li><a href="subpage.html">Lorem ipsum dolor sit amet consectetur </a>
    <p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
    </li>
    <li><a href="subpage.html">Lorem ipsum dolor sit amet consectetur </a>
    <p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
    </li>
    <li><a href="subpage.html">Lorem ipsum dolor sit amet consectetur </a>
    <p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
    </li>
</ol>
</div>
<div class="categories_section">
<h3>Partner</h3>
<ul class="categories_list">
    <li><a target="_parent" href="http://www.flashmo.com">Flash Templates</a></li>
    <li><a target="_parent" href="http://www.templatemo.com">Free CSS Templates</a></li>
    <li><a target="_parent" href="http://www.koflash.com">Flash Websites Gallery</a></li>
    <li><a target="_parent" href="http://www.webdesignmo.com/blog">Web Design Blog</a></li>
</ul>
</div>
</div>
<div class="cleaner"> </div>
</div>
<div id="templatemo_footer">
<ul class="footer_menu">
    <li><a href="subpage.html">Home</a></li>
    <li><a href="subpage.html">Archives</a></li>
    <li><a href="subpage.html">Photo Gallery</a></li>
    <li><a href="subpage.html">About Us</a></li>
    <li class="last_menu"><a href="subpage.html">Contact Us</a></li>
</ul>
Copyright © 2048 <a href="#">Your Company Name</a> | Designed by <a target="_parent" href="http://www.templatemo.com">Free CSS Templates</a> | Coding: <a href="http://HpBk-TemplateWorld.de.tl">HpBk-TemplateWorld</a></div>
<!-- end of footer -->



Und so Gehts:

» Zuerst musst du dich in den Homepage-Baukasten einloggen.
» Dann klickst du auf "Design einstellen" und wählst dort das "CSS-Design - Nur für Profis geeignet" aus.
» Danach klickst du auf "Erweiterte Einstellungen" und fügst die Codes, die hier auf der Seite stehen, in die verschiedenen Felder "Text über dem Design" "Text unter dem Design" und "CSS-Code ohne Style Tags" ein. 
» Danach speicherst du das Ganze ab und darfst dein neues Design bestaunen.