OwnZ! StyLe

Demo: Salt & Soap Tema

CSS KODU

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;}

body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#5ba0d6;
}
* {margin:0px;padding:0px;}
.clear{clear:both;}
#container {
	margin: 0px auto;
	text-align: left;
	width: 979px;
}
#header {
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/header.jpg);
	width:979px;
	height:232px;
	display:block;
}
#border {
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/border.gif);
	background-repeat: repeat-y;
	width:979px;
}
#main {
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/contentbg.gif);
	background-color:#abe4fe;
	margin: 0px 12px 0px 10px;
	background-repeat: repeat-x;
}
#left {
	width:261px;
	float:left;
	display:inline;
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/contentbg.gif);
	background-color:#abe4fe;
	
}
#right {
	float:right;
	width:580px;
}
/***************** Content ***********************/
.content {
	width:530px;
}
.content h3 {
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/welcome.gif);
	background-repeat:no-repeat;
	width:520px;
	height:33px;
	text-indent:700px;
	overflow:hidden;
	border-bottom: 1px dashed #2e2304;
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
}
.content p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #003a65;
	padding: 10px 0px 0px 6px;
	font-weight:900;
}
.content a {
	color:#2e260f;
}
.content a:hover {
	color:#cf0002;
}
.product {
	width:530px;
	margin: 20px 0px;
}
.product h3 {
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/products.gif);
	background-repeat:no-repeat;
	width:530px;
	height:33px;
	text-indent:700px;
	overflow:hidden;
	border-bottom: 1px dashed #2e2304;
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
}
.product a {
	border: 1px solid #6698bd;
	display:inline;	
	float:left;
	margin: 6px 0px 6px 11px;
}
.product a:hover {
	border: 1px solid #c40000;
}
.product img {
	border: 6px solid #ffffff;
}
/***************** Menu ***********************/
#menu {
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/menu.gif);
	width:261px;
	height:449px;
	margin-left:93px;
}
#menu ul {
	padding: 30px 0px 0px 0px;
	width:220px;
	margin-left:15px;
}
#menu li {
	background-image: url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border-bottom: 1px dotted #2e2304;
	list-style-type: none;
	padding: 4px 30px 4px 0px;
	text-align:right;
}
#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 900;
	color: #2e260f;
	text-decoration: none;
	font-size: 12px;
	
}
#menu a:hover {
	color:#c40000;
}
.lastchild{
	border-bottom: none !important;
}
#menubottom {
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/menubottom.jpg);
	background-repeat:no-repeat;
	width:261px;
	height:76px;
	margin-left:93px;
}
#menubottom ul {
	padding: 20px 0px 0px 0px;
	width:240px;
	margin-left:15px;
}
#menubottom li {
	float:left;
	display:inline;
	width:77px;
	text-align:center;
}
#menubottom a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bolder;
	font-size:10px;
	color: #6e6b53;
	text-transform: uppercase;
}
#menubottom a:hover {
	color:#c40000;
}
/***************** Footer ***********************/
#footer {
	background-color:#8bcaef;
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/borderfooter.gif);
	height:74px;
	width:979px;
}
#footerend {
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/borderfooterend.gif);
	background-repeat: no-repeat;
	width:979px;
	height:9px;
	display:block;
}
#copyright {
	background-image:url(http://freetemplates.dezinehub.com/download/preview/dh0106/images/copyright.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:43px;
	display:inline;
	margin-left:103px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #463d16;
	padding: 30px 20px 0px 20px;
	text-align:center;
}
#copyright a {
	font-family: Arial, Helvetica, sans-serif;
	color: #463d16;
}
#payment {
	float:left;
	display:inline;
	margin: 10px 0px 20px 135px;
}
#payment img {
	border: none;
}

TASARIM ÜZERİNDEKİ YAZI

<div id="container">
	<div id="header">
		
	</div>
	<div id="border">
		<div id="main">
			<div id="left">
				<div id="menu">
					<ul>
						<li><a href="http://www.freewebsitetemplates.com">Soaps</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Lotions & Creams</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Bath Salts</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Shampoo & Shower Gel</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Bubble Bath</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Gift Baskets</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Lip Balms & Candle</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Tarts Bath</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Teas & Gel Candles</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Fragrance List</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Pets</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Recipes</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Favorite Links</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Information Board</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Whats New</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Order Form</a></li>
						<li class="lastchild"><a href="http://www.freewebsitetemplates.com">Terms & Policies</a></li>
					</ul>
				</div>
				<div id="menubottom">
					<ul>
						<li><a href="http://www.freewebsitetemplates.com">Home</a></li>
						<li><a href="http://www.freewebsitetemplates.com">About us</a></li>
						<li><a href="http://www.freewebsitetemplates.com">Contact</a></li>
					</ul>
				</div>
			</div>
			<div id="right">
				<div class="content">

TASARIM ALTINDAKİ YAZI

Demo: Salt & Soap Tema