Marcweb1 Design's.... Dein Design Center

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.

Red

Auf das Bild klicken um es zu vergrößern.

» Red
Das Design Red ist ein schönes wie der Name schon
sagt "rotes" Design. Ganz besonders an dem Design ist
die Navigation erst sieht man nur den Schatten
von einem Bild und wenn man darüber fährt sieht
man das Bild in Farbe.

Der Design Code

Text über dem Design :

Design made by www.marcweb1.de.tl <!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>Red Top Template - Homepage</title>  <FCK:meta name="keywords" content="free web templates, red top, vertical menu with icons, CSS, HTML, flash bar slider, animated"  />  <FCK:meta name="description" content="Red Top is a free web template from templatemo.com for everyone. Vertical main menu is integrated with icons. Homepage features Flash Bar Slider."  />  <link href="templatemo_style.css" rel="stylesheet" type="text/css" />      <script type="text/javascript" src="swfobject.js"></script>  <script type="text/javascript">

var flashvars = {};

flashvars.xml_file = "photo_list.xml";

var params = {};

params.wmode = "transparent";

var attributes = {};

attributes.id = "slider";

swfobject.embedSWF("flashmo_225_bar_slider.swf", "flashmo_slider", "720", "280", "9.0.0", false, flashvars, params, attributes);

</script>      </head>  <body>    <div id="templatemo_wrapper">  	<div id="templatemo_header">      	<div id="site_title">  	    	<a href="#" _fcksavedurl="#" target="_parent"><img src="Hier die Logo URL" _fcksavedurl="Hier die Logo URL" alt="logo" /><span>Hier dein Slogan</span></a>          </div>      </div>             <div id="templatemo_main">      	          <div id="templatemo_sidebar">                    	<div id="templatemo_menu">                  <ul>                      <li><a href="index.html" _fcksavedurl="index.html" class="home current_home">Home</a></li>                      <li><a href="aboutus.html" _fcksavedurl="aboutus.html" class="aboutus">Design's</a></li>                      <li><a href="services.html" _fcksavedurl="services.html" class="services">Premium Design's</a></li>                      <li><a href="gallery.html" _fcksavedurl="gallery.html" class="gallery">Gästebuch</a></li>                      <li><a href="contactus.html" _fcksavedurl="contactus.html" class="contactus">Kontakt</a></li>                  </ul>    	              </div>                             <div class="sidebar_box">                  <h4>News</h4>                  <div class="sidebar_news_box">                      <a href="#" _fcksavedurl="#"><strong>News</strong></a>                      <p>Hier ist Platz für deine News oder für etwas anderes.</p>            		</div>                                    <div class="sidebar_news_box">                      <a href="#" _fcksavedurl="#"><strong>News</strong></a>                      <p>Hier ist Platz für deine News oder für etwas anderes.</</p>                  </div>                    <div class="sidebar_news_box last_box">                      <a href="#" _fcksavedurl="#"> <strong>News</strong></a>                      <p>Hier ist Platz für deine News oder für etwas anderes.</</p>                  </div>              </div>                          <div class="sidebar_box">                <h4>Wichtiges</h4>                 Hier kannst du <br />              etwas wichtiges Eintragen<br />                  wie z.B. deine E-Mail :<br />              <a href="#" _fcksavedurl="#">deine-mail@test.de</a>              </div>            </div>     <div id="templatemo_content_wrapper">          	              <div id="social_box">              	<ul>                  	<li><a href="#" _fcksavedurl="#" class="twitter"><img alt="" src="https://img.webme.com/pic/m/marcweb1-test-seite/twitter.png" _fcksavedurl="https://img.webme.com/pic/m/marcweb1-test-seite/twitter.png" /></a></li>                      <li><a href="#" _fcksavedurl="#" class="facebook"><img alt="" src="https://img.webme.com/pic/m/marcweb1-test-seite/facebook.png" _fcksavedurl="https://img.webme.com/pic/m/marcweb1-test-seite/facebook.png" /></a></li>                      <li><a href="#" _fcksavedurl="#" class="linkedin"><img alt="" src="https://img.webme.com/pic/m/marcweb1-test-seite/linkedin.png" _fcksavedurl="https://img.webme.com/pic/m/marcweb1-test-seite/linkedin.png" /></a></li>                      <li><a href="#" _fcksavedurl="#" class="myspace"><img alt="" src="https://img.webme.com/pic/m/marcweb1-test-seite/myspace.png" _fcksavedurl="https://img.webme.com/pic/m/marcweb1-test-seite/myspace.png" /></a></li>                      <li><a href="#" _fcksavedurl="#" class="technorati"><img alt="" src="https://img.webme.com/pic/m/marcweb1-test-seite/technorati.png" _fcksavedurl="https://img.webme.com/pic/m/marcweb1-test-seite/technorati.png" /></a></li>  				</ul>                  <div class="cleaner"></div>              </div>                             <div id="page_intro_flash">                            	                  <div id="flashmo_slider">                         <img src="Hier Bild URL" _fcksavedurl="Hier Bild URL" alt="Hier kannst du eine Willkommen's Grafik oder etwas anderes einfügen." />                                                   </a><br /><br />                        </div>                                  </div>        Design made by www.marcweb1.de.tl

Text unter dem Design :

<div id="templatemo_content_wrapper">          	                              </div>                	<div class="cleaner"></div>      </div>            <div id="templatemo_footer">      	         <a href="index.html" _fcksavedurl="index.html" class="current">Home</a> | <a href="aboutus.html" _fcksavedurl="aboutus.html">About Us</a> | <a href="services.html" _fcksavedurl="services.html">Services</a> | <a href="gallery.html" _fcksavedurl="gallery.html">Gallery</a> | <a href="contactus.html" _fcksavedurl="contactus.html">Contact Us</a>                   <div class="cleaner h10"></div>  	    	         Copyright © 2048 <a href="#" _fcksavedurl="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" _fcksavedurl="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a> | Design made by <a href="http://www.marcweb1.de.tl" _fcksavedurl="http://www.marcweb1.de.tl" target="_parent">Marcweb1</a>     </div>     </div>     </body>  </html>

CSS-Code ohne Syle-Tags :

#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: 0px; 	padding: 0px; 	color: #736363; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 12px; 	line-height: 1.7em;  	background-image: url(http://www.loaditup.de/files/617284.jpg); 	background-color: #eae7de; 	background-position: top; 	background-repeat: repeat-x; }  a, a:link, a:visited { color: #1e82db; text-decoration: none; } a:hover { text-decoration: underline; }  p { margin: 0 0 10px 0; padding: 0; } img { border: none; }  h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal } h1 { font-size: 34px; margin: 0 0 30px 0; padding: 5px 0; } h2 { font-size: 26px; margin: 0 0 30px 0; padding: 0; } h3 { font-size: 21px; margin: 0 0 25px; 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: 14px; margin: 0 0 5px; padding: 0; }  .cleaner { clear: both } .h10 { height: 10px } .h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px } .h60 { height: 60px }  a.more { padding: 0 14px 0 0; color: #1683a3; font-weight: normal; background: url(images/more.png) no-repeat right; } a.more:hover { text-decoration: none; }  .float_l { float: left } .float_r { float: right }  .image_wrapper { display: inline-block; border: 1px solid #999; padding: 4px; background: none; margin-bottom: 5px } .image_fl { float: left; margin: 3px 15px 0 0 } .image_fr { float: right; margin: 3px 0 0 15px }  blockquote { font-style: italic; margin-left: 10px} cite { font-weight: bold; color:#000 } cite span { color: #333 } em { color: #000; }  .testimonial { font-size: 16px; line-height: 30px; }  .tmo_list { margin: 0 0 0 10px; padding: 0; list-style: none } .tmo_list li { color:#51a426; margin:0 0 2px; padding: 3px 0 3px 15px; background: transparent url(images/templatemo_list.png)  no-repeat scroll 0 10px } .tmo_list li a { color: #51a426 } .tmo_list li a:hover { color: #51a426 }  #templatemo_wrapper { 	width: 970px; 	padding: 0 20px; 	margin: 0 auto; }  #templatemo_header {  	width: 970px; 	height: 75px; 	text-align: center; 	padding-top: 20px; 	background: url(http://www.loaditup.de/files/617285.jpg) no-repeat center top; }  #site_title a { 	display: inline-block; 	font-size: 24px; 	color: #fff; 	font-weight: normal; 	text-decoration: none; }  #site_title a span { 	display: block; 	font-size: 14px; 	color: #FFF; }  #templatemo_main {  	clear: both; 	width: 970px; }  #templatemo_sidebar { 	float: left; 	width: 200px; 	padding: 0 15px; 	background: url(http://www.loaditup.de/files/617286.jpg) top right no-repeat; }  #templatemo_menu { 	width: 180px; 	height: 315px; 	padding: 30px 10px; 	margin-bottom: 30px; }  #templatemo_menu ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #templatemo_menu ul li { 	padding: 0; 	margin: 0; 	display: block; }  #templatemo_menu ul li a { 	display: block; 	height: 35px; 	padding: 13px 0 0 55px; 	margin-bottom: 15px; 	font-size: 20px; 	color: #3e1a1a;	 	text-decoration: none; 	font-weight: normal; 	outline: none; 	border: none; }  #templatemo_menu ul li .home {  	background: url(http://www.loaditup.de/files/617287.png) no-repeat center left; }  #templatemo_menu ul li .home:hover, #templatemo_menu ul li .current_home {  	color: #fff; 	background: url(http://www.loaditup.de/files/617288.png) no-repeat center left; }  #templatemo_menu ul li .aboutus {  	background: url(http://www.loaditup.de/files/617289.png) no-repeat center left; } #templatemo_menu ul li .aboutus:hover, #templatemo_menu ul li .current_aboutus {  	color: #fff; 	background: url(http://www.loaditup.de/files/617290.png) no-repeat center left; }  #templatemo_menu ul li .services {  	background: url(http://www.loaditup.de/files/617291.png) no-repeat center left; }  #templatemo_menu ul li .services:hover, #templatemo_menu ul li .current_services {  	color: #fff; 	b