dominikneuwirth - Company Green

Company Green

» Dieses Design ist für den Homepage-Baukasten umgecodet worden, du kannst es natürlich auch für andere Dinge verwenden(für anderes gibt es aber keine Garantie das es funktioniert).

» Bitte durchlesen:
Natürlich darfst du im Design alles so einrichten, bearbeiten und beim Design ändern wie du nur möchtest(außer das Copyright und Footer).

Allgemein zum Design

» Unser erstes selbst umgecodetes Design
Das Design gefällt mir persönlich wirklich sehr gut. Die Farben im Design passen wirklich ausgezeichnet zusammen. Das obere Java-Skript wurde von mir persöhnlich noch etwas mehr ausgepeppt, so das es dir vielleicht noch besser gefällt

Wir bitten um eine Bewertung:

Der Design Code zum einfügen:

"Text über dem Design"

<!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>Company Template, CSS Template, Free Web Template</title>  <FCK:meta name="keywords" content="company template, free website templates, green color bar, CSS, HTML"  />  <FCK:meta name="description" content="Company Template (Green) is a free website template provided by templatemo.com"  />  <link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />  <link href="css/s3slider.css" rel="stylesheet" type="text/css" />  <script type="text/javascript" src="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/js/jquery.js"></script>  <script type="text/javascript" src="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/js/s3Slider.js"></script>  <script type="text/javascript"> 
    $(document).ready(function() {
        $('#slider').s3Slider({
            timeOut: 3000
        });
    });
</script>    <script language="javascript" type="text/javascript"> 
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>  </head>  <body>    <div id="templatemo_site_title_bar_wrapper">        <div id="templatemo_site_title_bar">          <div id="site_title">              <h1>              <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Company Template             <span>free html/css layout</span></a>              </h1>          </div>                   <ul id="top_menu">              <li class="first"><a href="#" _fcksavedurl="#">Startseite</a></li>              <li><a href="#" _fcksavedurl="#">Sitemap</a></li>              <li><a href="#" _fcksavedurl="#">Kontakt</a></li>          </ul>           </div>   </div>     <div id="templatemo_banner_wrapper">    	<div id="templatemo_banner">                 <div id="slider">                      <ul id="sliderContent">                          <li class="sliderImage">                              <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_blank"><img src="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/gallery/01.jpg" _fcksavedurl="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/gallery/01.jpg" alt="1" /></a>                              <span class="bottom"><strong>Beispiel 1</strong><br />Hier könntest du Partnerseite 1 vorstellen</span>                          </li>                          <li class="sliderImage">                              <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_blank"><img src="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/gallery/02.jpg" _fcksavedurl="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/gallery/02.jpg" alt="2" /></a>                              <span class="bottom"><strong> Beispiel 2</strong><br />Hier könntest du Partnerseite 2 vorstellen.</span>                          </li>                          <li class="sliderImage">                              <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_blank"><img src="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/gallery/03.jpg" _fcksavedurl="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/gallery/03.jpg" alt="3" /></a>                              <span class="bottom"><strong> Beispiel 3</strong><br />Hier könntest du Partnerseite 3 vorstellen</span>                          </li>                          <li class="sliderImage">                              <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_blank"><img src="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/gallery/04.jpg" _fcksavedurl="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/gallery/04.jpg" alt="4" /></a>                              <span class="bottom"><strong> Bespiel 4</strong><br />Hier könntest du Partnerseite 4 vorstellen.</span>                          </li>                      </ul>                      <div class="clear sliderImage"></div>                  </div>          	         <div id="banner_content">              <h2>Lorem ipsum dolor sit amet</h2>              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras auctor, arcu sit amet auctor luctus, lectus sem rhoncus felis, dignissim convallis nulla quam ac dolor.</p>              <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Read more</a>          </div>    	</div>     </div>     <div id="templatemo_menu_wrapper">    	<div id="templatemo_menu">          		<ul>              <li><a href="#" _fcksavedurl="#" class="current fast">Home</a></li>              <li><a href="http://www.flashmo.com" _fcksavedurl="http://www.flashmo.com" target="_parent">Flash</a></li>              <li><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">CSS</a></li>              <li><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Gallery</a></li>              <li><a href="#" _fcksavedurl="#">Blog</a></li>              <li><a href="#" _fcksavedurl="#">Company</a></li>          </ul>           </div>     </div>     <div id="templatemo_content">     <div id="main_column">

"Text unter dem Design"

</div>                            <div id="side_column">                               <div class="side_column_box">                      <h2>Upcoming Events</h2>                                           <div class="news_section">                      	<img class="image_wrapper" src="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/images/templatemo_image_02.jpg" _fcksavedurl="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/images/templatemo_image_02.jpg" alt="image" />                          <h3>Etiam tempus tellus eget </h3>                          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et ipsum sem, ut lobortis dui. <a href="#" _fcksavedurl="#">Read more...</a></p>                      </div>                                           <div class="news_section">                      	<img class="image_wrapper" src="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/images/templatemo_image_03.jpg" _fcksavedurl="http://multi-site-server.co.de/Downloads/designs/design_191_comany_grenn/images/templatemo_image_03.jpg" alt="image" />                          <h3>Nam quis aliquet quam</h3>                          <p>Sed pharetra neque vel mauris auctor ornare. Maecenas urna lorem, consectetur eget consectetur id. <a href="#" _fcksavedurl="#">Read more...</a></p>                      </div>                                           <div class="button bottom_02"><a href="#" _fcksavedurl="#">View All</a></div>                    </div>                                   <div class="cleaner_h20"></div>                                   <div class="side_column_box">                                       <h2>Suche</h2>                      <form action="#" method="get">                          <input type="text" value="Gib einen Suchbegriff ein" name="q" size="10" class="inputfield" title="searchfield" onfocus_fckprotectedatt="%20onfocus%3D%22clearText(this)%22" onblur_fckprotectedatt="%20onblur%3D%22clearText(this)%22" />                                                   <input type="submit" name="Subscribe" value="Subscribe" alt="Subscribe" class="submitbutton" title="Search" />                      </form>                  </div>                </div>     	<div class="cleaner"></div>       </div>     <div id="templatemo_footer_wrapper">    	<div id="templatemo_footer">               <ul class="footer_menu">              <li><a href="#" _fcksavedurl="#">Startseite</a></li>              <li><a href="#" _fcksavedurl="#">CSS</a></li>              <li><a href="#" _fcksavedurl="#">Flash</a></li>              <li><a href="#" _fcksavedurl="#">Gallery</a></li>              <li><a href="#" _fcksavedurl="#">Blog</a></li>              <li class="last_menu"><a href="#" _fcksavedurl="#">Kontakt</a></li>          </ul>            Copyright © 2048 <a href="#" _fcksavedurl="#">Your Company Name</a> |  Coding by <a href="http://www.multi-site.de.tl" _fcksavedurl="http://www.multi-site.de.tl" target="_parent">multi-site</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></div>  	       </div>   </body>  </html>

"CSS Code ohne Style Tags"

/* Nullformatierung für alle Browser */ *{margin:0px; padding:0px;}   #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;}   td[height="102"] {  position:absolute;  left:50%;  margin-left:-384px; }  /* Credit: http://www.templatemo.com */  body { 	margin: 0; 	padding: 0; 	line-height: 1.5em; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 12px; 	color: #8a8a79; 	background: #565758 ; } 		 a:link, a:visited { color: #c0f048; text-decoration: none; font-weight: normal; }  a:active, a:hover { color: #FFFF00; text-decoration: underline; }  p { margin: 0px; padding: 0px; }  img { margin: 0px; padding: 0px; border: none; }  .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }  .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; }  .divider { 	clear: both; 	padding-bottom: 15px; 	margin-bottom: 30px; 	background: url(../images/templatemo_horizontal_divider.jpg) bottom repeat-x; }  .fl { float: left; } .fr { float: right; }  .m_right { margin-right: 30px; }  .button a { 	display: block; 	width: 125px; 	height: 26px; 	padding: 9px 0 0 15px; 	color: #343c1d; 	font-size: 11px; 	font-weight: bold; 	text-decoration: none; }  .button a:hover { 	color: #c0f048; }  .bottom_01 { 	background:url(https://img.webme.com/pic/m/multi-site-test/templatemo_button_01.jpg) no-repeat; }  .bottom_02 { 	background:url(https://img.webme.com/pic/m/multi-site-test/templatemo_button_02.jpg) no-repeat; }  h1 { 	margin: 0px; 	padding: 2px 0; 	font-size: 30px; 	font-weight: bold; }  h2 { 	margin: 0px; 	padding: 2px 0; 	font-size: 30px; 	font-weight: normal; }  h3 { 	margin: 0 0 10px 0; 	padding: 0; 	font-size: 14px; 	font-weight: bold; 	color: #8a8a79;	 }  h4 { 	margin: 0px; 	padding: 0px; 	font-size: 14px; 	font-weight: bold; }  .image_wrapper { 	border: 1px solid #ffffff; 	margin-top: 3px; 	margin-bottom: 5px; }  .fl_image { 	float: left; 	margin-right: 15px  }  .fr_image { 	float: right; 	margin-left: 15px  }  .list_01 { 	margin: 0 0 20px 40px; 	padding: 0px; 	list-style: decimal; }  .list_01 li { 	margin: 0 0 0 0; 	padding: 0 0 10px 0; }  /* title bar */  #templatemo_site_title_bar_wrapper { 	width: 100%; 	height: 100px; 	margin: 0 auto; 	background: url(https://img.webme.com/pic/m/multi-site-test/templatemo_title_bar_bg.jpg) repeat-x; }  #templatemo_site_title_bar { 	width: 980px; 	height: 100px; 	margin: 0 auto; }  #templatemo_site_title_bar #site_title { 	float: left; 	width: 300px; 	margin-left: 50px; 	padding: 35px 0 0 0; }  #site_title h1 a { 	margin: 0px; 	padding: 0px; 	font-size: 32px; 	color: #a7cf3a; 	font-weight: normal; 	text-decoration: none; }  #site_title h1 a:hover { 	font-weight: normal;