SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod154

TASARIM ÜSTÜ

<div id="conntainer">  	  	<div id="page_header">  		<div id="page_heading"> 		<h1><span>Hardware Store</span></h1> 		<h2><span>Your punchline here</span></h2> 		</div>  		<div id="page_headerlinks">  			<ul> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Account Wish</a></li> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">List Order</a></li> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Status</a></li> 			<li class="last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Shopping Cart</a></li> 			</ul>  		</div>  		<div id="page_headersearch"> 			<h3>Search:</h3>  			<form action="http://www.freewebsitetemplates.com/"> 			<div> 				<input type="text" /> 				<input type="image" src="http://www.freewebsitetemplates.com/preview/hardwarestore/images/button_go.gif" class="button" />  				<div class="clearthis"> </div> 			</div> 			</form>  		</div>  		<div class="clearthis"> </div>  	</div>  	   	  	<div id="page_menu">  		<ul> 		<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Company</a></li> 		<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">OurStore</a></li> 		<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Products</a></li> 		<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Services</a></li> 		<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Promotion</a></li> 		<li class="last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contact</a></li> 		</ul>  	</div>  	   	  	<div id="left_sidebar">   		  		<div id="newsletter"> 			<h2>Newsletter Signup!</h2>  			<form action="http://www.freewebsitetemplates.com/"> 			<div> 				<input type="text" /> 				<input type="image" src="http://www.freewebsitetemplates.com/preview/hardwarestore/images/button_ok.gif" class="button" />  				<div class="clearthis"> </div>  			</div> 			</form>  			<div id="link_cancel"> 			<a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Cancel Subscription</a> 			</div> 		</div>  		   		  		<div id="categories"> 			<div id="categories_header"> 			<h2>Categories</h2> 			</div>  			<ul> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Cables</a></li> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Cameras</a></li> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Input Devices</a></li> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Memory</a></li> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Printers</a></li> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Scanners</a></li> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Server Accessories</a></li> 			<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Speakers & Audio</a></li> 			<li class="last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Wireless</a></li> 			</ul>  			<div class="clearthis"> </div> 		</div>  	<div id="specialoffer">  			<div id="specialoffer_text"> 			<h2><span>Get Special Offer <strong>Up to 25% off</strong></span></h2> 			</div>  			<div id="specialoffer_link"> 			<a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">...Go</a> 			</div>  			<div class="clearthis"> </div>  		</div>    	</div>    	<div id="main_conntent">    		<div id="new_item">

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  * { 	margin: 0px; 	padding: 0px; }  body { 	height: 100%; 	background-color: #ffffff; 	color: #85859c; 	font-family: tahoma, arial, sans-serif; 	font-size: 10px; 	text-align: center; }  a { 	color: #85859c; 	text-decoration: underline; }  a:hover { 	color: #69699c; }  span { 	display: none; }  img { 	border: none; }  p { 	margin: 10px 0px 5px; 	text-align: justify; 	line-height: 14px; }  .clearthis { 	margin : 0px; 	height : 1px; 	clear : both; 	float : none; 	font-size : 1px; 	line-height : 0px; 	overflow : hidden; }  #conntainer { 	margin: 0px auto; 	width: 780px; 	border-color: #9e9ec3; 	border-width: 0px 1px 1px; 	border-style: solid; }  input { 	padding-left: 2px; 	background-color: #fff; 	color: #85859c; 	font-family: tahoma, arial, sans-serif; 	font-size: 11px; }   /* Page Header */  #page_header { 	width: 780px; 	height: 113px; 	color: #fff; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/header_background.gif') repeat-x 0px 0px; 	overflow: hidden; }  #page_header a { 	color: #fff; 	text-decoration: none; }  #page_header a:hover { 	color: #e1e1e1; }  #page_heading { 	width: 190px; 	height: 75px; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/company_logo.jpg') no-repeat 35px 37px; 	float: left; }  #page_heading h1 { 	width: 190px; 	height: 52px; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/company_name.jpg') no-repeat 56px 36px; 	float: left; }  #page_heading h2 { 	width: 190px; 	height: 16px; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/company_punchline.jpg') no-repeat 56px 2px; 	float: left; 	clear: both; }  #page_headerlinks { 	padding-right: 20px; 	padding-top: 25px; 	width: 275px; 	float: right; 	text-align: left; 	word-spacing: -1px; }  #page_headerlinks ul { 	list-style-type: none;	 }  #page_headerlinks li { 	padding: 0px 10px 0px 9px; 	float: left; 	list-style-type: none; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/header_toplinks_div.gif') no-repeat 100% 2px; }  #page_headerlinks li.last { 	padding-right: 0px; 	background: none; }  #page_headersearch { 	padding-right: 30px; 	padding-top: 25px; 	float: right; 	clear: right; 	width: 255px; 	text-align: left; 	word-spacing: -1px; 	overflow : hidden; }  #page_headersearch h3 { 	float: left; 	font-weight: bold; 	font-size: 12px; }  #page_headersearch form { 	padding-left: 3px; 	float: left; }  #page_headersearch input { 	margin-top: 1px; 	padding-left: 2px; 	width: 158px; 	height: 14px; 	float: left; 	border: none; }  #page_headersearch input.button { 	padding: 0px; 	margin-top: 0px; 	margin-left: 5px; 	width: 34px; 	height: 16px; 	background-color: transparent; 	float: left; }   /* Main Navigation Menu */  #page_menu { 	margin-bottom: 1px; 	width: 780px; 	height: 21px; }  #page_menu ul { 	width: 780px; 	height: 21px; 	list-style-type: none; 	overflow: hidden; }  #page_menu li { 	margin-right: 1px; 	width: 129px; 	height: 21px; 	float: left; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/menu_background.gif') repeat-x 0px 0px; 	overflow: hidden; 	text-align: center; 	font-size: 11px; 	font-weight: bold; }  #page_menu li.last { 	margin-right: 0px; 	width: 130px; }  #page_menu a { 	padding-top: 3px; 	display: block; 	color: #fff; 	text-decoration: none; }  #page_menu a:hover { 	color: #e1e1e1; }   /* Left Sidebar */  #left_sidebar { 	width: 129px; 	float: left; 	text-align: left; 	color: #8989b6; }  #left_sidebar a { 	color: #8989b6; }  #left_sidebar a:hover { 	color: #75759c; }    /* Left Sidebar: Newsletter Signup Box */  #newsletter { 	margin-bottom: 2px; 	padding: 5px 5px 15px; 	width: 118px; 	border-color: #9e9ec3; 	border-width: 1px 1px 1px 0px; 	border-style: solid; 	overflow: hidden; 	font-weight: bold; }  #newsletter h2 { 	padding-bottom: 10px; 	font-size: 10px; }  #newsletter input { 	padding-left: 0px; 	width: 115px; 	height: 16px; 	border: #bfbfe6 1px solid; 	float: left; 	clear: left; }  #newsletter input.button { 	margin-top: 3px; 	margin-left: 95px; 	width: 22px; 	height: 13px; 	border: none; }  #newsletter #link_cancel { 	margin-top: 5px; }   /* Left Sidebar : Categories */  #categories { 	margin-bottom: 1px; 	padding: 1px 1px 1px 0px; 	border-color: #9e9ec3; 	border-width: 1px 1px 1px 0px; 	border-style: solid; 	text-align: center; }  #categories_header { 	margin-bottom: 2px; 	width: 127px; 	height: 20px; 	background-color: #9e9ec3; 	overflow: hidden; }  #categories_header h2 { 	margin-top: 3px; 	margin-left: 5px; 	color: #fff; 	font-size: 10px; 	font-weight: bold; }  #categories ul { 	margin: 0px auto; 	width: 120px; 	list-style-type: none; }  #categories li { 	width: 120px; 	height: 21px; 	list-style-type: none; 	text-align: left; 	border-bottom: #b6b6d2 1px solid; 	float: left; }  #categories li.last { 	border: none; }  #categories li a { 	margin-top: 4px; 	margin-left: 6px; 	display: block; 	color: #7575a9; 	text-decoration: none; }  #categories li a:hover { 	color: #56567c; }   /* Left Sidebar : Special Offer */  #specialoffer { 	width: 129px; 	height: 98px; 	overflow: hidden; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/specialoffer_background.jpg') no-repeat 0px 0px; 	color: #fff; 	font-size: 11px; }  #specialoffer_text { 	width: 129px; 	height: 60px; }  #specialoffer_text h2 { 	margin-top: 8px; 	margin-left: 10px; 	width: 113px; 	height: 38px; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/specialoffer_header.gif') no-repeat 0px 0px; }  #specialoffer_link { 	margin-left: 12px; }  #specialoffer_link a { 	color: #fff; 	text-decoration: none; 	font-weight: bold; }  #specialoffer_link a:hover { 	color: #f2f2f2; }   /* Main Content Area */  #main_conntent { 	margin-right: 2px; 	width: 644px; 	text-align: center; 	float: right; }  #main_conntent .h_divider { 	margin-bottom: 2px; 	height: 1px; 	background-color: #c2c2cd; 	overflow: hidden; }   /* New Item Description */  #new_item { 	margin: 0px auto 2px; 	padding: 5px 10px; 	width: 600px; 	text-align: justify; }  #new_item_header { 	margin-top: 10px; 	float: left; 	width: 348px; }  #new_item_header h1 { 	color: #434367; 	font-size: 18px; 	font-weight: normal; }  #new_item_header h2 { 	color: #434367; 	font-size: 14px; 	font-weight: bold; 	font-family: arial, tahoma, sans-serif;  }  #new_item_image { 	width: 245px; 	float: right; 	overflow: hidden; 	text-align: right; }  #new_item_text { 	float: left; 	clear: left; 	width: 348px; }  #new_item_link { 	float: left; 	clear: left; 	width: 348px; 	font-weight: bold; 	text-align: right; }  #new_item_link a { 	text-decoration: none; }   /* Sub Items Descriptions */  .sub_items { 	margin-bottom: 2px; 	margin-top: 5px; 	width: 644px; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/item_sub_background.gif') repeat-y 0px 0px; 	text-align: justify; }  .sub_left { 	padding-left: 5px; 	width: 300px; 	float: left; }  .sub_right { 	padding-right: 15px; 	width: 315px; 	float: right; }  .sub_items_header { 	padding-left: 20px; 	padding-top: 10px; 	float: left; 	width: 110px; }  .sub_items_header h1 { 	color: #434367; 	font-size: 14px; 	font-weight: bold; 	font-family: arial, tahoma, sans-serif; }  .sub_items_header h2 { 	color: #434367; 	font-size: 12px; 	font-weight: normal; 	font-family: arial, tahoma, sans-serif; }  .sub_items_image { 	margin-top: 15px; 	float: right; 	text-align: right; }  .sub_items_text { 	padding-left: 20px; 	float: left; 	clear: left; 	width: 110px; }  .sub_items_cartinfo { 	padding-top: 12px; 	padding-left: 20px; 	color: #820721; 	font-family: arial, tahoma, sans-serif; 	float: none; 	clear: both; }  .sub_items_cartinfo h2 { 	font-size: 14px; 	font-weight: bold; }  .sub_items_cartinfo .price { 	float: left; 	text-align: left; }  .sub_items_cartinfo .addtocart { 	margin-top: 2px; 	float: right; 	width: 100px; 	height: 12px; 	text-align: left; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/button_addtocart.gif') no-repeat 0% 0%; }   /* Page Footer */  #page_footer { 	width: 780px; }  #powered_by { 	padding-top: 17px; 	float: right; 	width: 305px; 	height: 30px; 	color: #9595c2; 	text-align: center; }  #powered_by a { 	color: #9595c2; }  #product_brands { 	float: left; }  #product_brands ul { 	width: 470px; 	list-style-type: none; }  #product_brands li { 	margin: 5px 6px 3px 3px; 	height: 40px; 	list-style-type: none; 	float: left; }  #product_brands li.zalcom { 	width: 107px; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/brand_zalcom.gif') no-repeat 0px 0px; }  #product_brands li.digital { 	width: 95px; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/brand_digital.gif') no-repeat 0px 0px; }  #product_brands li.adept { 	width: 126px; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/brand_adept.gif') no-repeat 0px 0px; }  #product_brands li.simtel { 	width: 99px; 	background: url('http://www.freewebsitetemplates.com/preview/hardwarestore/images/brand_simtel.gif') no-repeat 0px 0px; }

Bugün 137 ziyaretçi (168 klik) kişi burdaydı!

eBlog Templates Demo

SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI

kod154