Css tasarımlar - Yeşil tasarım

<= Tasarimin Üzerine =>

<= Tasarimin ALtına =>

</div>  	</div>  	 <div class="navigation">  		<h1>Menü</h1> 							 <ul> 								<li><a href="#" _fcksavedurl="#"  _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 				 				<li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">İletişim</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Ziyaretci Defteri</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Toplist</a></li> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link  Listesi</a></li> 								<li><a href="#"  _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Yorumlar</a></li>  		</ul>  		 <h1>Tasarimlar</h1> 							<ul> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">İceblue Tasarim</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Red Tasarimları</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Butterfly Tasarimlari</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">CSS Design</a></li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Flash Tasarim</a></li> 		</ul>  		 <h1>Arşiv</h1> 							<ul> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">September</a> </li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Ağustos</a> </li> 								 <li><a href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Ocak</a> </li> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Şubat</a> </li> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Mart</a> </li> 								<li><a  href="#" _fcksavedurl="#" _fcksavedurl="#"  _fcksavedurl="#">Nisan</a></li> 		</ul>  	 </div> 	 	<div  class="clearer"><span></span></div>  	<div  class="footer">© 2008 <a href="#"  _fcksavedurl="#">Siteniz.tR.gg</a>. Valid <a  href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS</a> &  <a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">XHTML</a>.  Tasarim design by <a href="http://www.csstasarim-arsiv.tr.gg"  _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Css Tasarim  Merkezi</a> 	</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;}   /*#############################################################  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg  #############################################################*/  /*  standard elements */ * { 	margin: 0; 	padding: 0; } a {color: #682;}  a:hover {color: #9A6;} body { 	background: #5F8000  url(https://img.webme.com/pic/c/css-tasarimm/5-bg.gif) repeat-y center  top; 	color: #333; 	font: normal 62.5% "Lucida Sans Unicode",sans-serif;  } input { 	color: #555; 	font: normal 1.1em "Lucida Sans  Unicode",sans-serif; } p,cite,code,ul { 	font-size: 1.2em; 	 padding-bottom: 1.2em; } ul {margin-left: 1.2em;} li {list-style-image:  url(https://img.webme.com/pic/c/css-tasarimm/5-li.gif);} h1 {font-size:  1.4em;} blockquote { 	background: #FFF; 	border-bottom: 1px solid #EEE;  	border-top: 1px solid #EEE; 	color: #333; 	display: block; 	font-size:  0.9em; 	margin-bottom: 1.2em; 	padding: 6px 12px; } blockquote p  {padding: 3px 0;} h1,h2,h3 {color: #654;}  /* misc */ .clearer {clear:  both;}  /* structure */ .container { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/5-bgcontainer.gif) repeat-y;  	margin: 0 auto; 	width: 702px; }  /* top */ .top { 	background:  #567300; 	font: normal 2.4em Verdana,sans-serif; 	height: 60px; 	margin:  0 auto; 	width: 630px; } .top a { 	color: #FFF; 	display: block; 	 line-height: 60px; 	text-decoration: none; 	width: 100%; } .top span  {padding-left: 24px;} .top a:hover { 	background: #688B00; 	color: #FFF;  }  /* header */ .header { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/5-header.jpg) no-repeat; 	 height: 180px; 	margin: 0 auto; 	width: 630px; }  /* item */ .item  {clear: both;} .item .date { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/5-bgdate.gif) no-repeat; 	 color: #FDD; 	float: left; 	height: 40px; 	text-align: center; 	width:  36px; } .item .date div {padding-top: 4px;} .item .date span {font:  normal 1.6em serif;} .item .content { 	float: left; 	width: 420px; }  .item h1 { 	background: #567300; 	color: #FFF; 	line-height: 40px; 	 padding-left: 16px; } .item .body {padding: 12px 18px;}  /* main */  .main {float: left;}  /* navigation */ .navigation { 	float: left; 	 margin-left: 1px; 	width: 208px; } .navigation h1 { 	background:  #81AC00; 	color: #FFF; 	font-size: 1.3em; 	line-height: 40px; 	 padding-left: 12px; } .navigation ul {margin: 0; padding: 0;}  .navigation li { 	border-bottom: 1px solid #D5E8AD; 	list-style: none; }  .navigation li a { 	background: #E8F6BF  url(https://img.webme.com/pic/c/css-tasarimm/5-bgnavigation.gif)  repeat-x;	 	color: #553; 	display: block; 	padding: 8px 4px 8px 12px; 	 text-decoration: none; } .navigation li a:hover { 	background: #F0FFC6;  	color: #553; }  /* footer */ .footer { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/5-bgfooter.gif) repeat-x; 	 color: #FFF; 	font-size: 1.1em; 	line-height: 40px; 	margin: 0 auto; 	 text-align: center; 	width: 626px; } .footer a {color: #FFF;} .footer  a:hover {color: #FAFCB0;}