Award

» Anmelden » Abstimmen » Hall Of fame » Gewinne » Teilnehmer » Vote Banner

Neuigkeiten

Aktuelles

Updates folgen...

Partner

» Project-4sp » Hpbk bundesliga » Mrquirinho » Serienanschauen » Omba

» Partner Banner

Fruit Site

Design Übersicht

» Dieses Design darfst du kostenlos auf deine Homepage einfügen und verwenden. Unter "Und so geht´s" findest du eine kurze Anleitung, wie du dieses Design im Homepage-Baukasten einfügst. Mit einem Klick auf das Bild des Designs vergrößert du die Vorschau.

» Bitte beachte:
Die Copyright Informationen im Footer des Designs dürfen auf keinen Fall entfernt oder geändert werden, da du sonst gegen die Lizenz- und Nutzungsrechte des Designs verstößt. Natürlich darfst du Bilder und Grafiken (Header, etc.) verändern und beschriften und auch das Design anders gestalten.

Fuit Site

» Richtig frisch
Das ist das Motto des Designs "Fruit Site". Durch den schicken Hintergrund kommen frische Farben zum Vorschein. Besonderes Highlight an diesem Design sind die schicken rechten Boxen, die sowohl als Navigation, aber auch als Newsbox genutzt werden können.

» Bewertung des Designs:

Der Design Code

"Text über dem Design" » Code in einem separaten Fenster anzeigen
"Text unter dem Design" » Code in einem separaten Fenster anzeigen

</div>  <div id="templatemo_sidebar"> <div class="sidebar_box_woframe"> <div class="sidebar_box"> <div class="sidebar_box_content"> <h3>Menü oder News</h3> <ul id="popular_post_box">     <li><span class="date">25 Dec 2024</span>                               <span class="title"><a  href="#">Pellentesque lobortis</a></span>                              bibendum toror sit amet pellentesque. Nulla facilis us  fermentum arcu.</li>     <li><span class="date">18 Dec 2024</span>                              <span class="title"><a href="#">Fusce  fermentum arcu</a></span>                             Dut  orci condim ntum interdum malesuada dolor sodles.</li>     <li class="last"><span class="date">14 Dec  2024</span>                             <span  class="title"><a href="#">Sit amet  pellentesque</a></span>                             Nulla  facilis us fermentum arcu. Praesent consectetur gravida maurist      cursus.</li> </ul> </div> <div class="cleaner"> </div> <div class="sidebar_box_bottom"> </div> </div> </div> <div class="sidebar_box"> <div class="sidebar_box_top"> </div> <div class="sidebar_box_content"> <h3>Infobox</h3> <p>Ut commodo, nulla eu pellentesque mollis, odio ante condimentum  augue, eget facilisis dui magna ut ligula. Quisque sit amet <a  href="#">adipiscing</a> libero. Donec et tellus vitae velit  pharetra lobortis.</p> <br> <div class="cleaner"> </div> </div> <div class="sidebar_box_bottom"> </div> </div> <center>                              <a  href="http://validator.w3.org/check?uri=referer"><img vspace="8"  border="0" style="border: 0pt none; width: 88px; height: 31px;"  src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0  Transitional"></a>             <a  href="http://jigsaw.w3.org/css-validator/check/referer"><img  vspace="8" border="0" style="border: 0pt none; width: 88px; height:  31px;" src="http://jigsaw.w3.org/css-validator/images/vcss-blue"  alt="Valid CSS!"></a>                          </center> <div class="cleaner"> </div> </div>  <div class="cleaner"> </div> </div>  <div id="templatemo_footer">Copyright © 2011 <a  href="#">Your Company Name</a> |          Designed by <a  href="http://www.templatemo.com" target="_parent">Free CSS  Templates</a> | Coding by <a  href="http://www.HpBk-TemplateWorld.de.tl">HpBk-TemplateWorld</a></div> </div>

"CSS Code ohne Style Tags" » Code in einem separaten Fenster anzeigen

#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:#625e5e; font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:1.5em; background-color:#000; background-image:url(http://www.loaditup.de/files/487224.jpg); background-position:top center; background-repeat:no-repeat; }  a,a:link,a:visited { color:#333; text-decoration:underline; }  a:hover { color:#000; text-decoration:none; }  p { margin:0; padding:0; }  img { border:none; }  ul { margin:0; padding:0; }  ul li { margin:0; padding:0; }  h1 { font-size:34px; font-weight:normal; margin:0 0 20px; padding:5px 0; color:#9c6421; }  h2 { font-size:24px; font-weight:normal; margin:0 0 20px; padding:5px 0; color:#000; }  h3 { font-size:21px; font-weight:normal; margin:0 0 15px; padding:0; color:#000; }  h4 { font-size:18px; margin:0 0 20px; padding:0 0 10px; }  h5 { font-size:16px; margin:0 0 10px; padding:0; }  h6 { font-size:14px; margin:0 0 5px; padding:0; }  .cleaner { clear:both; width:100%; height:0; font-size:0; }  .cleaner_h10 { clear:both; width:100%; height:10px; }  .cleaner_h20 { clear:both; width:100%; height:20px; }  .cleaner_h30 { clear:both; width:100%; height:30px; }  .cleaner_h40 { clear:both; width:100%; height:40px; }  .cleaner_h50 { clear:both; width:100%; height:50px; }  .cleaner_h60 { clear:both; width:100%; height:60px; }  .hr_divider { background:url(../images/templatemo_hr_divider.jpg) bottom repeat-x; }  .float_l { float:left; }  .float_r { float:right; }  .image_wrapper { position:relative; display:block; width:218px; height:128px; padding:9px; }  .image_wrapper span { position:absolute; left:0; top:0; width:236px; height:144px; background:url(http://www.loaditup.de/files/487225.png) no-repeat; }  .image_fl { float:left; margin:3px 20px 0 0; }  .image_fr { float:right; margin:3px 0 0 20px; }  blockquote { font-style:italic; margin-left:10px; }  cite { font-weight:bold; color:#3b3823; }  cite span { color:#696443; }  em { color:#e55822; }  .tmo_list { margin:20px 0; padding:0; list-style:none; }  .tmo_list li { background:url(http://www.loaditup.de/files/487226.png) no-repeat scroll  0 0; margin:0 0 20px; padding:3px 0 3px 25px; line-height:1em; }  .tmo_list li a { color:#333; text-decoration:none; }  .tmo_list li a:hover { color:#d06802; text-decoration:none; }  .btn_more a { display:block; width:85px; height:27px; color:#5c460e; padding:5px 3px 0 27px; font-size:12px; font-weight:bold; text-decoration:none; text-align:center; background:url(../images/templatemo_btn.png) no-repeat; }  .btn_more a:hover,.btn_more a span:hover { color:#dca822; background:url(../images/templatemo_btn_hover.png) no-repeat; }  #templatemo_wrapper { width:900px; padding:100px 20px 0; margin:0 auto; }  #templatemo_header { width:860px; height:115px; padding:0 30px; background:url(http://www.loaditup.de/files/487227.png) no-repeat; }  #site_title { float:left; width:350px; margin:35px 0 0; text-align:center; }  #site_title a { margin:0; padding:0; font-size:36px; color:#252b2d; font-weight:bold; text-decoration:none; }  #site_title a span { display:block; font-size:14px; color:#333; font-weight:normal; margin-top:5px; letter-spacing:5px; }  #templatemo_menu { float:right; width:450px; height:90px; padding:12px 20px; background:url(../images/templatemo_menu.jpg) no-repeat; }  #templatemo_menu ul { float:right; margin:8px 0 0; padding:0; list-style:none; display:inline-block; }  #templatemo_menu ul li { float:left; height:82px; padding:0 10px; margin:0; display:inline-block; background:url(http://www.loaditup.de/files/487228.png) no-repeat bottom  right; }  #templatemo_menu ul .last { background:none; }  #templatemo_menu ul li a { float:left; display:block; height:42px; font-size:14px; padding:40px 10px 0; color:#fff; text-decoration:none; font-weight:normal; text-align:center; outline:none; }  #templatemo_menu ul li a:hover,#templatemo_menu ul .current { background:url(http://www.loaditup.de/files/487229.png) no-repeat center  bottom; }  #templatemo_main { clear:both; width:840px; padding:40px 30px; background:#fff url(http://www.loaditup.de/files/487230.png) no-repeat  top; }  #templatemo_content { float:left; width:550px; }  #templatemo_content p { margin-bottom:20px; }  .content_box { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc; }  .cb_last { padding-bottom:0; margin-bottom:0; border-bottom:none; }  #cool_link_list { margin:0 0 0 20px; padding:0; list-style:none; }  #cool_link_list li { float:left; width:160px; margin:0 15px 15px 0; padding:0; display:inline-block; }  #cool_link_list li a { display:block; width:140px; padding:0 0 0 20px; color:#666; text-decoration:none; line-height:1em; background:url(http://www.loaditup.de/files/487231.png) no-repeat center  left; }  #templatemo_sidebar { float:right; width:260px; }  .icon_link { display:block; float:left; margin-left:30px; width:48px; }  .sidebar_box_woframe { margin-bottom:20px; }  .sidebar_box { width:260px; padding:0; background:url(http://www.loaditup.de/files/487232.png) left repeat-y; }  .sidebar_box_top { width:260px; height:20px; background:url(http://www.loaditup.de/files/487233.png) no-repeat; }  .sidebar_box_bottom { width:260px; height:20px; margin-bottom:30px; background:url(http://www.loaditup.de/files/487235.png) no-repeat; }  .sidebar_box_content { padding:0 20px; }  .sidebar_box_content p { margin-bottom:10px; }  #templatemo_sidebar h3 { padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #ccc; }  #popular_post_box { margin:0; padding:0; list-style:none; }  #popular_post_box li { margin:0 0 30px; padding:0; }  #popular_post_box li .date { display:block; color:#f4263e; }  #popular_post_box li .title a { display:block; color:#2d961c; text-decoration:none; }  #popular_post_box .last { margin:0; }  #templatemo_footer { width:840px; height:136px; padding:30px; text-align:center; color:#161616; background:url(http://www.loaditup.de/files/487236.png) no-repeat; }  #templatemo_footer a { text-decoration:none; color:#161616; }  #templatemo_footer a:hover { color:#990000; }   td[height="102"] { position:absolute; left:50%; margin-left:-384px; }

Und so geht´s

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

Download des Designs

» Hier kannst du das Paket des Designs kostenlos herunterladen. Darin enthalten sind die Bilder des Designs, der unbearbeitete Design-Code und die Live-Vorschau des Designs. Jetzt herunterladen.