cimbomluyuz-66 - Css Tasarımlar 1

Css Tasarımlar 1

.:Tasarımın Üzerine:.

<div id="header"> <div id="logo"> <h1> </h1> <p>----------------------------------------------------</p> </div> <div id="search"> <form method="get" action=""> <fieldset> <input id="s" type="text" name="s" value="" /> <input id="x" type="submit" value="Arama" /> </fieldset> </form> </div> </div>   <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> <li><a href="#" _fcksavedurl="#">Site Haritası/a></li> </ul> </div>   <div id="page">  <div id="content"> <h1 class="pagetitle">Orta Bölüm</h1> <h2 class="title">Tasarima Hoşgeldiniz</h2>

.:Tasarımın Altına:.

</div> 	 	 	<div id="sidebar"> 	 	<ul> 			<li> 				<h2>Menü</h2> 							 <ul> 								<li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Ana Sayfa</a></li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">İletişim</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci  Defteri</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 						 		<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link  Listesi</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li>  				 </ul> 			</li> 			<li> 				 <h2>Tasarimlar</h2> 							<ul> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue  Tasarim</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">Red  Tasarimları</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">Butterfly  Tasarimlari</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> 			 					<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash  Tasarim</a></li> 				</ul> 			</li> <li>  							<h2>Arşiv</h2> 							<ul> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">September</a> (23)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Ağustos</a> (31)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Ocak</a> (31)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Şubat</a> (30)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Mart</a> (31)</li> 								 <li><a href="#" _fcksavedurl="#"  _fcksavedurl="#">Nisan</a> (30)</li> 							</ul> 	 					</li> 		</ul> 	</div> 	  	<div style="clear: both;"> </div> </div>  <div id="footer"> 	<p>©2008 Tüm Hakları  SakLıdır.  •  Design by <a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim  Merkezi</a>.</p> </div>

.:Css 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;}   /* Design by WWW.CSSTASARIM-ARSIV.TR.GG */  body { 	margin: 0; 	padding:  0; 	background: #AAE74A  url(https://img.webme.com/pic/c/css-tasarimm/3-img04.gif) repeat-x; }   body, th, td, input, textarea { 	font-family: "Trebuchet MS", Arial,  Helvetica, sans-serif; 	font-size: 13px; 	color: #666666; }  p, ol, ul {  	line-height: 170%; }  a:hover { 	text-decoration: none; }  /* Header  */  #header { 	width: 960px; 	height: 120px; 	margin: 0 auto; }  #logo {  	float: left; 	height: 120px;                       margin-top: -11px;  	margin-left: 10px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img1.gif) no-repeat left  center; }  #logo h1, #logo p { 	text-transform: lowercase; }  #logo h1 {  	margin: 0; 	padding: 25px 0 0 85px; 	letter-spacing: -2px; 	font-size:  3em; 	font-weight: normal; 	color: #000000; }  #logo h1 a { 	color:  #000000; }  #logo p { 	margin: -10px 0 0 2px; 	padding: 0 0 0 85px; 	 text-transform: lowercase; }  #search { 	float: right; 	width: 280px; }   #search form { 	margin-top: -5px; 	padding: 63px 0 0 0; }  #search  fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #search #s,  #search #x { 	float: left; }  #search #s { 	width: 188px; 	margin: 2px  6px 0 0; 	padding: 2px 5px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img02.gif) repeat-x; 	 border: 1px solid #ACACAC; }  #search #x { 	width: 67px; 	height: 28px;  	padding: 0; 	background: #006BFF  url(https://img.webme.com/pic/c/css-tasarimm/3-img03.gif) no-repeat; 	 border: none; 	text-transform: lowercase; 	color: #FFFFFF; }  /* Menu */   #menu { 	width: 962px; 	height: 50px; 	margin-top: -32px; 	 margin-left: auto; 	margin-right: auto; }  #menu ul { 	margin: 0; 	 padding: 0; 	list-style: none; }  #menu li { 	display: block; 	float:  left; }  #menu a { 	display: block; 	float: left; 	height: 38px; 	 padding: 8px 20px 0 20px; 	text-decoration: none; 	text-transform:  lowercase; 	color: #000000; }  #menu a:hover { 	text-decoration:  underline; }  #menu .current_page_item { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img05.gif) no-repeat; }   #menu .current_page_item a { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img06.gif) no-repeat right  top; 	font-weight: bold; }  /* Page */  #page { 	width: 962px; 	margin:  0 auto; 	background: #FFFFFF  url(https://img.webme.com/pic/c/css-tasarimm/3-img07.gif) repeat-y; }  /*  Content */  #content { 	float: right; 	width: 700px; 	padding: 0; 	 background:  none no-repeat; }  #content a { 	color: #FF8900; }   .pagetitle { 	height: 33px; 	margin: 0; 	padding: 8px 0 0 15px; 	 background: url(https://img.webme.com/pic/c/css-tasarimm/3-img13.gif)  no-repeat; 	font-size: 1.4em; 	color: #FFFFFF; }  #content #rss-posts {  	display: block; 	margin: -30px 15px 0px 0px; 	padding: 0 20px 0 0; 	 background: url(https://img.webme.com/pic/c/css-tasarimm/3-rss.gif)  no-repeat right center; 	text-align: right; 	font-weight: bold; 	color:  #FFFFFF; }  .post { 	padding: 40px 30px 0 30px; }  .title { 	margin: 0;  	font-size: 2.4em; 	font-weight: normal; }  .byline { 	margin: 0 0 20px  0; }  .meta { 	border-top: 1px dotted #CCCCCC; 	text-align: right; }   .meta .more, .meta .comments { 	padding-left: 15px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img14.gif) no-repeat left  center; }  /* Sidebar */  #sidebar { 	float: left; 	width: 230px; 	 padding: 11px 5px 0 11px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img08.gif) no-repeat; }   #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li  { 	margin-bottom: 20px; }  #sidebar li ul { 	padding: 10px 15px; }   #sidebar li li { 	margin: 0; 	padding-left: 15px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img12.gif) no-repeat left  center; }  #sidebar h2 { 	height: 33px; 	margin: 0; 	padding: 8px 0 0  15px; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img11.gif) no-repeat; 	 font-size: 1.4em; 	color: #FFFFFF; }  #sidebar a { 	text-decoration:  none; 	color: #0065FF; }  #sidebar a:hover {	 	text-decoration:  underline; }  /* Footer */  #footer { 	width: 962px; 	margin: 0 auto; 	 padding: 30px 0; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/3-img10.gif) no-repeat; }   #footer p { 	margin: 0; 	text-align: center; 	color: #FFFFFF; }  #footer  a { 	color: #FFFFFF; }