kodlagitsin

tasarim11

TASARIM 11

KOD 11

Tasarimin Üzerine

Tasarimin ALtına

</div> 	</div> 	  	 	<div  id="sidebar"> 		<ul> 			<li id="search"> 				 <h2>Arama</h2> 				<form method="get" action=""> 					 <fieldset> 					<input type="text" id="s" name="s" value=""  /> 					<input type="submit" id="x" value="Ara" /> 					 </fieldset> 				</form> 			</li> 			<li> 				 <h2>Menu</h2> 				<ul> 					<li><a href="#"  _fcksavedurl="#">Ana Sayfa</a></li> 					<li><a  href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> 				 	<li><a href="#"  _fcksavedurl="#">İletişim</a></li> 					<li><a  href="#" _fcksavedurl="#">Toplist</a></li> 					 <li><a href="#"  _fcksavedurl="#">Anketler</a></li> 				</ul> 			 </li> 			<li> 				<h2>Dost Siteler</h2> 				 <ul> 					<li><a href="#" _fcksavedurl="#">Link Liste  1</a></li> 					<li><a href="#"  _fcksavedurl="#">Link Liste 2</a></li> 					 <li><a href="#" _fcksavedurl="#">Link Liste  3</a></li> 					<li><a href="#"  _fcksavedurl="#">Link Liste 4</a></li> 					 <li><a href="#" _fcksavedurl="#">Link Liste  5</a></li> 					<li><a href="#"  _fcksavedurl="#">Link Liste 6</a></li> 					 <li><a href="#" _fcksavedurl="#">Link Liste  7</a></li> 				</ul> 			</li> 			<li> 				 <h2>Site Ekle </h2> 				<ul> 					<li><a  href="#" _fcksavedurl="#">Site Ekle</a></li> 					 <li><a href="#" _fcksavedurl="#">Site  Ekle</a></li> 					<li><a href="#"  _fcksavedurl="#">Site Ekle</a></li> 					<li><a  href="#" _fcksavedurl="#">Site Ekle</a></li> 					 <li><a href="#" _fcksavedurl="#">Site  Ekle</a></li> 					<li><a href="#"  _fcksavedurl="#">Site Ekle</a></li> 					<li><a  href="#" _fcksavedurl="#">Site Ekle</a></li> 				 </ul> 			</li> 		</ul> 	</div> 	 	<div style="clear: both;"> </div>  </div>  </div> </div>  <div id="footer"> 	<div  id="footer-wrap"> 	<p id="legal">(c) 2008 Design by <a  href="http://www.css-tasarimm.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim  Merkezi</a>.</p> 	</div> </div>

Css Kod Bölümüne

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;} /*  Css Tasarim Merkezi www.css-tasarimm.tr.gg */  body { 	margin-top:  49px; 	padding: 0; 	background: #242424; 	font-family: Arial, Helvetica,  sans-serif; 	font-size: 13px; 	color: #BBBBBB; }  h1, h2, h3 { 	margin:  0; 	text-transform: lowercase; 	font-weight: normal; 	color: #48ACDE; }   h1 { 	letter-spacing: -1px; 	font-size: 32px; }  h2 { 	font-size:  23px; }  p, ul, ol { 	margin: 0 0 2em 0; 	text-align: justify; 	 line-height: 26px; }  a:link { 	color: #48ACDE; }  a:hover, a:active { 	 text-decoration: none; 	color: #48ACDE; }  a:visited { 	color: #48ACDE; }   img { 	border: none; }  img.left { 	float: left; 	margin-right: 15px; }   img.right { 	float: right; 	margin-left: 15px; }  /* Form */  form { 	 margin: 0; 	padding: 0; }  fieldset { 	margin: 0; 	padding: 0; 	border:  none; }  legend { 	display: none; }  input, textarea, select { 	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size:  13px; 	color: #333333; }  /* Header */  #header { 	clear: both; 	width:  860px; 	height: 52px; 	margin: 0 auto; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left  top; }  /* Menu */  #menu { 	float: left; 	width: 860px; 	height: 54px;  	padding-left: 10px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/22-img01.jpg) no-repeat left  top; }  #menu ul { 	margin: 0; 	padding: 0px 0 0 0px; 	list-style:  none; 	line-height: normal; }  #menu li { 	display: block; 	float: left;  }  #menu a { 	display: block; 	float: left; 	margin-right: 3px; 	 padding: 10px 20px; 	text-decoration: none; 	text-transform: lowercase;  	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; 	color:  #FFFFFF; }  #menu a:hover {  	text-decoration: none;  	color: #48ACDE; }   #menu .current_page_item a { 	color: #48ACDE; }  /** LOGO */  #banner {  	width: 620px; 	height: 240px; 	margin: 0 auto; 	padding: 10px 0 0 0; 	 background: #BCE03E  url(https://img.webme.com/pic/c/css-tasarimm/22-img04.jpg) no-repeat left  top; }  #logo { 	width: 820px; 	height: 60px; 	margin: 0 auto; }  #logo  h1, #logo h2 { 	float: left; 	margin: 0; 	padding: 0 0 0 20px; 	 line-height: normal; }  #logo h1 {  	font-family: Georgia, "Times New  Roman", Times, serif; 	font-size:36px; 	font-style: italic; }  #logo h1 a  { 	text-decoration: none; 	color: #FFFFFF;  }  #logo h1 a:hover {  text-decoration: underline; }  #logo h2 { 	padding: 20px 0 0 5px; 	font:  italic 13px Georgia, "Times New Roman", Times, serif; 	color: ##48ACDE;  }  #logo p a { 	text-decoration: none; 	color: #B6ACA2; }  #logo p  a:hover { text-decoration: underline; }   #wrapper { 	width: 860px; 	 margin: 0 auto; 	background: #000000  url(https://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left  top; }  #wrapper-btm { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/22-img03.jpg) no-repeat left  bottom; } /* Page */  #page { 	width: 860px; 	margin: 0 auto; 	 padding-top: 20px; }  /* Content */  #content { 	float: right; 	width:  620px; }  /* Post */  .post { 	padding: 15px 15px; }  .post .title { 	 margin-bottom: 20px; 	padding-bottom: 5px; }  .post h1 { }  .post h2 { 	 height: 32px; 	padding: 8px 0 0 15px; 	font-size: 18px; 	color: #DADADA;  }  .post .entry { 	padding: 0 15px; }  .post .meta { 	margin-left:  15px; 	margin-right: 15px; 	padding: 15px 0px 30px 0px; 	border-top: 1px  dashed #333333; 	font-size: 10px; }  .post .meta p { 	margin: 0; 	 line-height: normal; 	color: #999999; }  .post .meta .byline { 	float:  left; }  .post .meta .links { 	float: right; }  .post .meta .more { 	 padding: 0 20px 0 18px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/22-img11.gif) no-repeat left  center; }  .post .meta .comments { 	padding-left: 22px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/22-img12.gif) no-repeat left  center; }  .post .meta b { 	display: none; }  /* Sidebar */  #sidebar {  	float: left; 	width: 210px; 	padding-left: 30px; }  #sidebar ul { 	 margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li { 	 margin-bottom: 40px; }  #sidebar li ul { }  #sidebar li li { 	margin: 0;  }  #sidebar h2 { 	height: 32px; 	margin-bottom: 10px; 	font-size: 18px;  	color: #DADADA; }  /* Search */  #search { }  #search h2 { 	 margin-bottom: 20px; }  #s { 	width: 115px; 	margin-right: 5px; 	 padding: 3px; 	border: 1px solid #BED99C; }  #x { 	padding: 3px; 	 border: none; 	background: #48ACDE; 	text-transform: lowercase; 	 font-size: 11px; 	color: #FFFFFF; }  /* Boxes */  .box1 { 	padding:  20px; }  .box2 { 	color: #BABABA; }  .box2 h2 { 	margin-bottom: 15px; 	 font-size: 16px; 	color: #FFFFFF; }  .box2 ul { 	margin: 0; 	padding: 0;  	list-style: none; }  .box2 a:link, .box2 a:hover, .box2 a:active,  .box2 a:visited  { 	color: #EDEDED; }  /* Footer */ #footer-wrap { 	 width: 860px; 	height: 64px; 	margin: 0 auto; }  #footer { 	margin: 0  auto; 	height: 64px; 	min-height: 64px; 	padding: 0; 	font-size: 10px; }   html>body #footer { 	height: auto; }  #footer p { }  #legal { 	 clear: both; 	padding-top: 10px; 	padding-left: 30px; 	text-align:  center; 	color: #999999; }  #legal a { }

ANA MENÜ

CSS MENÜ

PHOTOSHOP MENÜ

DREAMWEAVER MENÜ

HTML MENÜ

İCON MENÜ

tasarim11