kerim-tr

Siyah & beyaz css tasarım

CSS KODUNA

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;}  /* Design by Metamorphosis Design http://www.metamorphozis.com Released for free under a Creative Commons Attribution 2.5 License */ * { 	margin: 0; 	padding: 0; }  #black { color: #000000; } #white { color: #ffffff; }  a:link { 	color: #000000; }  a:hover { 	text-decoration: none; 	color: #FF0000; }  a:visited { 	color: #000000; } body { 	margin: 0px; 	padding: 0px; 	background: #000000; 	font: 13px Arial, Helvetica, sans-serif; 	color: #333333; }  #main { background: #ffffff; width: 682px; }  #header { 	width: 682px; 	height: 136px; 	background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/header.jpg) no-repeat; }  #logo { 	float: left; 	width: 682px; }  #logo h1 { 	padding-top: 38px; 	margin-left: 20px; 	font-size: 28px; 	font-weight: normal; }   #logo h2 { 	margin-top: 5px; 	margin-left: 20px; 	text-align: left; 	font-size: 14px; 	font-weight: normal; }  #logo h2 a {  }  #logo a { 	text-decoration: none; }  #metamorph {      font-size: 14px; 	color: #ffffff; } #menu { 	float: left; 	margin-left: 3px; 	margin-left: 3px; 	width: 673px; 	background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/buttons.gif) repeat-x; }  #menu ul { 	margin: 0; 	margin-left: 100px; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	float: left; 	width: 90px; 	height: 26px; 	padding-top: 5px; 	text-align: center; 	text-decoration: none; 	color: #ffffff; 	font-weight: bold; }  #menu a:hover { background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/buttons_r.gif) repeat-x; text-decoration: underline; }  #content { width: 682px; }  #left { 	float: left; 	padding-top: 10px; 	padding-left: 10px; 	width: 200px; }    #right {  width: 450px; padding-top: 10px; padding-right: 10px; }  #right H4 { 	font-size: 12px; 	color: #000000;  }  #right H1 { 	font-size: 28px; 	color: #000000; 	padding-bottom: 10px }  #right a { color: #000000; text-decoration: none; }  #right p { 	margin: 0; 	padding: 0; 	padding-bottom: 10px; }  #right h2 { 	margin: 0; 	padding: 0; 	padding-top: 10px; 	color: #0041A3; } .date { 	text-align: right; 	color: #0041A3; 	font-size: 11px; 	background-color: #fff; }  .date a { 	color: #0041A3; 	background-color: #fff; }  #right .pic { float: left; margin: 5px; }  #right .pic1 { float: right; margin: 5px; }  #metamorph1 { 	clear: both; 	height: 46px; 	padding: 20px 0; 	background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/footer.gif) repeat-x; 	text-align: center; 	width: 675px; 	margin-left: 4px; }  #metamorph1 p { 	margin: 0; 	color: #ffffff; }  #metamorph1 a { 	color: #ffffff; }  #metamorph1 a:hover { 	color: #FF0000; } .small p { 	margin: 0; 	font-size: 11px; } .boxed { 	margin-bottom: 20px; }  .boxed .title { 	height: 33px; 	padding: 13px 0 0 20px; 	background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/small.jpg) repeat-x; 	font-size: 12px; 	color: #FFFFFF; }  .boxed .content2 { 	padding: 10px; }  #login { }  #login form { }  #login fieldset { 	border: none; }  #login legend { 	display: none; }  #login label { 	font-size: x-small; 	font-weight: bold; }  #login input { 	margin-bottom: 5px; }  #text1, #text2 { 	width: 150px; 	padding: 2px; 	font-family: Arial, Helvetica, sans-serif; 	color: #666666; }   #updates ul { 	margin: 0; 	list-style: none; }  #updates h3 { 	margin: 0; 	font: bold x-small Verdana, Arial, Helvetica, sans-serif; }  #updates p { 	margin-bottom: 1.4em; 	font-size: smaller; 	line-height: normal; }

Kayan Hergüne bir yu

TASARIM ALTINArıya)

Kayan Hergüne bir Hadis (Sağdan
so
la) TASARIM ÜSTÜNE

<div> <!– header begins –> <div> 	<div> 		<h1><a href=”#”>BLACK</a> &amp; <a href=”#”>WHITE</a></h1> 		<h2><a href=”http://www.metamorphozis.com/”>Design by Metamorphosis Design</a></h2> 	</div>	 </div> <!– header ends –> <div> 		<ul> 			<li><a href=”#” title=”">Home</a></li> 			<li><a href=”#” title=”">Blog</a></li> 			<li><a href=”#” title=”">Gallery</a></li> 			<li><a href=”#” title=”">About</a></li> 			<li><a href=”#” title=”">Contact</a></li> 		</ul> </div> <!– content begins –> <div> 	<div> 		<div> 			<h2>Customer Login </h2> 			<div> 				<form method=”post” action=”#”> 					<fieldset> 					<legend>Login</legend> 					<label for=”text1″>Login Name:</label> 					<input value=”" /> 					<label for=”text2″>Password:</label> 					<input value=”" /> 					<input value=”Login” /> 					<p><a href=”#”>Forgot your password?</a></p> 					</fieldset> 				</form> 			</div> 		</div> 		<div> 			<h2>Company News </h2> 			<div> 				<ul> 					<li> 						<h3>June 23, 2008</h3> 						<p><a href=”#”>Tempus in, lacus. Duis tempor posuere diam. Suspendisse vel tellus quis nunc malesuada porta. &#8230;</a></p> 					</li> 					<li> 						<h3>March 4, 2008</h3> 						<p><a href=”#”>Nulla id magna sed dolor sollicitudin laoreet. tempus in, lacus. Duis tempor posuere diam&#8230;</a></p> 					</li> 					<li> 						<h3>February 18, 2008</h3> 						<p><a href=”#”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. &#8230;</a></p> 					</li> 					<li> 						<h3>February 12, 2008</h3> 						<p><a href=”#”> Sed dolor sollicitudin laoreet. tempus in, lacus. Duis tempor posuere diam. Suspendisse </a></p> 					</li> 					<li> 						<h3>February 1, 2008</h3> 						<p><a href=”#”>Ipsum dolor sit amet, consectetuer adipiscing elit. In nec &#8230;</a></p> 					</li> 				</ul> 			</div> 		</div> 	</div> 	<div> 		<h1>www.htmlkodu.com</h1>

Kerim-TR Menu

Kerim-TR Genel menü

Siten için Tasarım olarak bunlar var

Siyah & beyaz css tasarım