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.

Game

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

» Game
Das Design Game ist ein sehr schönes dunkles Design,
welches sich gut für eine Spiele-Seite eignet.

Der Design Code

Text über dem Design :

Design made by www.marcweb1-designs.de.tl <div id="templatemo_wrapper_outer"> <div id="templatemo_wrapper_inner"> <div id="templatemo_banner"> </div>  <div id="templatemo_menu"> <ul> 	<li><a class="current" href="#" _fcksavedurl="#">Home</a></li> 	<li><a href="#" _fcksavedurl="#">Games</a></li> 	<li><a href="#" _fcksavedurl="#">Popular</a></li> 	<li><a href="#" _fcksavedurl="#">Download</a></li> 	<li><a href="#" _fcksavedurl="#">Contact</a></li> </ul> </div>  <div id="templatemo_content_wrapper"> <div class="templatemo_side_bar margin_right_10"> <div class="header_01">Games</div> <ul> 	<li><a href="#" _fcksavedurl="#">PC</a></li> 	<li><a href="#" _fcksavedurl="#">PLAYSTATION® 3</a></li> 	<li><a href="#" _fcksavedurl="#">PSP® 3</a></li> 	<li><a href="#" _fcksavedurl="#">GAMECUBE™</a></li> 	<li><a href="#" _fcksavedurl="#">NINTENDO™</a></li> 	<li><a href="#" _fcksavedurl="#">GAME BOY® ADVANCE</a></li> 	<li><a href="#" _fcksavedurl="#">WII™</a></li> 	<li><a href="#" _fcksavedurl="#">XBOX 360</a></li> </ul> <div class="margin_bottom_20"></div> </div> <div class="templatemo_content margin_right_10"> <div class="content_section">

Text unter dem Design :

</div> </div>  <div class="templatemo_side_bar"> <div class="header_01">News</div> <div class="latest_news border_bottom"> <div class="header_03"><a href="#" _fcksavedurl="#">Hier deine News.</p> </div> <div class="margin_bottom_10"></div> <div class="latest_news"> <div class="header_03"><a href="#" _fcksavedurl="#">Sed nec enim magna</a></div> <p>Hier deine News.</p> </div> <div class="margin_bottom_20"> </div> <div class="header_01">Sample </div> <div class="latest_news"> <p>Hier deine News.</p> </div> <div class="margin_bottom_10"></div> </div>  <div class="cleaner"> </div> </div> </div> </div> <div id="templatemo_footer">Copyright © 2048 <a href="#" _fcksavedurl="#">Your Company Name</a> | <a target="_parent" href="http://www.iwebsitetemplate.com" _fcksavedurl="http://www.iwebsitetemplate.com">Website Templates</a> by <a target="_parent" href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com">Free CSS Templates</a> | Design made by <a href="http://marcweb1-designs.de.tl/" _fcksavedurl="http://marcweb1-designs.de.tl/">Marcweb1-Design's</a></div>   	</center> </div>

CSS-Code ohne Syle-Tags :

#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; }  /* CSS Credit: http://www.templatemo.com */  body { 	margin: 0; 	padding: 0; 	line-height: 1.5em; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #999; 	background: #272525 url(http://www.loaditup.de/files/570621.jpg) repeat-x; }  a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }  a:active, a:hover { color: #99FF00; text-decoration: underline; }  p { 	margin: 0px; 	padding: 0px; 	text-align: justify; }  img { 	margin: 0px; 	padding: 0px; 	border: none; }  .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }  .margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	} .margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	} .margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	} .margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	} .margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	} .margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}  .margin_right_10 { margin-right: 10px; } .margin_right_60 { margin-right: 60px; }  .horizontal_divider { 	background: url(images/templatemo_horizontal_divider.jpg) bottom repeat-x; }  .border_bottom { 	border-bottom: 1px dashed #000; }  .fl { 	float: left; }  .fr { 	float: right; }  .rc_btn_01 a { 	clear: both; 	display: block; 	width: 120px; 	height: 25px; 	padding: 5px 0 0 0; 	font-size: 12px; 	text-align: center; 	color: #000000; 	text-decoration: none; 	border: none;  	background: url(http://www.loaditup.de/files/570622.png) no-repeat; }  #templatemo_wrapper_outer { 	width: 100%; 	margin: 0 auto; }  #templatemo_wrapper_inner { 	width: 980px; 	margin: 0 auto; 	padding: 0 5px; 	background: url(http://www.loaditup.de/files/570623.png) repeat-y; }  #templatemo_banner { 	width: 980px; 	height: 250px; 	background: url(http://www.loaditup.de/files/570624.jpg) no-repeat; }  /* menu */  #templatemo_menu { 	clear: both; 	width: 500px; 	height: 65px; 	padding: 0 240px; 	background: url(http://www.loaditup.de/files/570625.jpg) no-repeat; }  #templatemo_menu ul { 	width: 500px; 	margin: 0px; 	padding: 20px 0 0 15px; 	list-style: none; }  #templatemo_menu ul li { 	display: inline; }  #templatemo_menu ul li a { 	float: left; 	padding: 0 20px; 	text-align: center; 	font-size: 12px; 	text-align: center; 	text-decoration: none; 	color: #999999;	 	font-weight: bold; }  #templatemo_menu li a:hover, #templatemo_menu li .current { 	color: #ffffff; } /* end of menu*/  #templatemo_content_wrapper { 	clear: both; 	width: 960px; 	padding: 10px; }  .templatemo_content { 	float: left; 	width: 460px; 	padding: 20px 19px 0 19px; 	background: #1b1919; 	border: 1px solid #363434; }  .header_01 { 	padding: 0 0 5px 0; 	margin: 0 0 10px 0; 	font-size: 14px; 	font-weight: bold; 	color: #ffffff; 	/*color: #e40b0b;*/ }   .header_02 { 	padding: 0 0 5px 0; 	margin: 0 0 10px 0; 	font-size: 18px; 	font-weight: bold; 	color: #ffffff; 	/*color: #e40b0b;*/ }  .header_03 { 	padding: 0 0 5px 0; 	font-size: 12px; 	font-weight: bold; 	color: #ffffff; 	/*color: #99be29;*/	 }  .header_03 a { color: #ffffff; text-decoration: none; } .header_03 a:hover { color: #99FF00; }  .templatemo_side_bar { 	float: left; 	width: 180px; 	padding: 20px 19px 0 19px; 	background: #1b1919; 	border: 1px solid #363434;	 }  .templatemo_side_bar ul { 	margin: 0px; 	padding: 0px; }  .templatemo_side_bar ul li { 	margin: 0px; 	padding: 0 0 0 0; 	margin-bottom: 5px; 	border-left: 5px solid #000; 	list-style: none; }  .templatemo_side_bar ul li a { 	display: block; 	background: #242224; 	padding: 5px 0 5px 10px; 	color: #b5b1b1; 	text-decoration: none; }  .templatemo_side_bar ul li a:hover { 	color: #ffffff; 	background: #000; }  .templatemo_side_bar form { 	margin: 0px; 	padding: 0px; }  #search_field { 	padding: 5px 0 0 0; 	height: 20px; 	width: 175px; 	margin-bottom: 10px; }  #search_button { 	float: right; 	width: 120px;  	height: 30px; 	padding: 0; 	margin: 0; 	cursor: pointer; 	font-size: 12px; 	text-align: center; 	white-space: pre; 	background: url(http://www.loaditup.de/files/570626.png) no-repeat;  	color: #000000; 	border: none; }  .content_section { 	clear: both; 	padding: 0 0 0 0; }  .content_section p span { 	color: #ffffff; }  .image_wrapper_01 { 	float: left; 	position: relative; 	margin: 3px 20px 0 0; 	background: #131212; 	padding: 4px; }  .image_wrapper_01 img { 	border: 1px solid #363434; }  .image_wrapper_02 { 	position: relative; 	margin: 0 0 10px 0; 	background: #131212; 	padding: 4px; }  .image_wrapper_02 span { 	position: absolute; 	width: 20px; 	height: 20px; 	bottom: 10px; 	right: 10px; 	background: url(http://www.loaditup.de/files/570627.jpg) no-repeat; }  .image_wrapper_02:hover span { 	background: url(http://www.loaditup.de/files/570628.jpg) no-repeat; }  .image_wrapper_02 img { 	border: 1px solid #363434; }  .image_wrapper img { 	border: 1px solid #363434; }  .latest_news { 	clear: both; 	padding-bottom: 10px; }  #templatemo_footer { 	clear: both; 	width: 990px; 	height: 40px; 	margin: 0 auto; 	padding: 20px 0 0 0; 	text-align: center; 	background: url(http://www.loaditup.de/files/570629.jpg) no-repeat; }

Und so geht´s

» In den Homepage Baukasten einloggen.
» Auf "Design einstellen klicken" und dann "CSS Design" auswählen.
» Dann klickst du auf "Erweiterte Einstellungen" und fügst die Codes bei "Text über dem Design","Text unter dem Design" und "CSS Code ohne Style Tags" ein.
» Nur noch auf "Speichern" klicken und tadaa da ist dein Design.