coqnet - css tasarım kodları

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<= Tasarimin 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 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;}   /* 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; }

<= Tasarimin Üzerine =>

<div id="container">     <div id="header">     <h1><a href="#"  _fcksavedurl="#">Merkez</a></h1>     <h2>Css  Tasarim Bizim İşimiz</h2>          <ul id="mainMenu">     	 <li><a href="#" _fcksavedurl="#">Ana  Sayfa</a></li>         <li><a href="#"  _fcksavedurl="#">Hakkında</a></li>          <li><a href="#"  _fcksavedurl="#">Toplist</a></li>         <li><a  href="#" _fcksavedurl="#">SiteMap</a></li>          <li><a href="#" _fcksavedurl="#">Arşiv</a></li>          <li><a href="#"  _fcksavedurl="#">İletişim</a></li>          <li><span>Arama:</span></li>         <li  class="formList"><form action="www.csstasarim-arsiv.tr.gg">          <div class="c1"><div class="c2"><div  class="c3"><div class="c4">         <input type="text"  name="search" size="10" class="searchBox" />         <button  type="submit"  class="goButton"><span>Git</span></button>          </div></div></div></div>          </form></li>     </ul>   </div>      <div id="mainContent">        <div  class="blog">            <h2 class="blogTitle"><a  href="www.css-tasarimm.tr.gg"  _fcksavedurl="www.css-tasarimm.tr.gg">Css Tasarim Bizim İşimiz  www.csstasarim-arsiv.tr.gg</a></h2>       <h3  class="meta">tR.gg'nin En Büyük Tasarim Veren Sitesi Olma  Yolundayız...</h3>

<= Tasarimin ALtına =>

</div>        <h2 class="boxDesc">Arşiv:</h2>               <div class="c1"><div class="c2"><div  class="c3"><div class="c4">       <ul>       	 <li><a href="#" _fcksavedurl="#">Ocak  2008</a></li>         <li><a href="#"  _fcksavedurl="#">Şubat 2008</a></li>          <li><a href="#" _fcksavedurl="#">Mart  2008</a></li>         <li><a href="#"  _fcksavedurl="#">Nisan 2008</a></li>          <li><a href="#" _fcksavedurl="#">Mayıs  2008</a></li>         <li><a href="#"  _fcksavedurl="#">Haziran 2008</a></li>       	 <li><a href="#" _fcksavedurl="#">Temmuz  2007</a></li>         <li><a href="#"  _fcksavedurl="#">Ağustos 2007</a></li>          <li><a href="#" _fcksavedurl="#">Eylül  2007</a></li>         <li><a href="#"  _fcksavedurl="#">Ekim 2007</a></li>          <li><a href="#" _fcksavedurl="#">Kasim  2007</a></li>         <li><a href="#"  _fcksavedurl="#">Aralık 2007</a></li>       </ul>        </div></div></div></div>               <h2 class="boxDesc">Kategori:</h2>              <div  class="c1"><div class="c2"><div class="c3"><div  class="c4">       <ul>       	<li><a href="#"  _fcksavedurl="#">Oyun</a></li>         <li><a  href="#" _fcksavedurl="#">İnndir</a></li>          <li><a href="#" _fcksavedurl="#">Aşk</a></li>          <li><a href="#" _fcksavedurl="#">Html  Kodlar</a></li>         <li><a href="#"  _fcksavedurl="#">Site Ekle Hit Kazan</a></li>          <li><a href="#" _fcksavedurl="#">Lig TV  İzle</a></li>       	<li><a href="#"  _fcksavedurl="#">Maç Skorları</a></li>          <li><a href="#" _fcksavedurl="#">Puan  Durumu</a></li>         <li><a href="#"  _fcksavedurl="#">Downloads Merkezi</a></li>          <li><a href="#" _fcksavedurl="#">Css Tasarim  Merkezi</a></li>         <li><a href="#"  _fcksavedurl="#">İceblue Tasarim</a></li>          <li><a href="#" _fcksavedurl="#">Red  Tasarim</a></li>         <li><a href="#"  _fcksavedurl="#">CSS Design</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>          <li><a href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li>        </ul>       </div></div></div></div>               <br class="clear" />            	</div>        <div id="footer">      <p>Copyright © 2008, WwW.Site-Adi.tR.gg <img  src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif"  _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif"  alt="" class="bullet" /> Design by <a  href="http://www.css-tasarimm.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">Css Tasarim  Merkezi</a> <img  src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif"  _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif"  alt="" class="bullet" /> <a href="#"  _fcksavedurl="#">WwW.Site-Adi.tR.gg</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;}  *  { 	margin: 0; 	padding: 0; }  body { 	font: 13px Georgia, "Times New  Roman", Times, serif; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-header.jpg) top center  no-repeat #870010; 	text-align: center; 	color: #FFF; }  /**** GENERAL  STYLES WWW.CSS-TASARİMM.TR.GG ****/  a { 	color: #F47D1F; 	 text-decoration: none; }  a:hover { 	color: #FFCFB3; }  p { 	 line-height: 1.4em; 	text-align: justify; 	padding: 10px 0 0 0; }   #mainContent ul, #mainContent ol { 	margin-left: 40px; 	line-height:  1.8em; 	padding: 10px 0 0 0; }  #mainContent ul { 	list-style:  url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_o.gif); }   blockquote { 	border-left: 4px solid #B21; 	color: #FFCFB3; 	margin:  10px 40px 0 40px; 	line-height: 1.8em; 	padding: 0 10px 10px 10px; }   blockquote:first-line { 	font-size: 20px; 	font-style: italic; 	 line-height: 1.4em; }  code { 	border-bottom: 1px dotted #B21; 	color:  #FFCFB3; }  h1, h2, h3, h4, h5, h6 { 	font-weight: normal; 	 font-variant: small-caps; 	line-height: 1.5em; }  h1 { 	font-size: 26px;  }  h2 { 	font-size: 22px; }  h3 { 	font-size: 18px; }  h4 { 	font-size:  16px; }  h5 { 	font-size: 14px; }  h6 { 	font-size: 12px; }   /****  GENERAL LAYOUT WWW.CSS-TASARİMM.TR.GG ****/  #container { 	width: 868px;  	margin: 0 auto; 	text-align: left; }  #header { 	height: 520px; 	 padding: 0 10px 0 20px; }  #mainContent { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-footer.jpg) bottom center  no-repeat; }  /**** HEADER STYLES WWW.CSS-TASARİMM.TR.GG ****/  #header  h1 { 	float: left; 	font-size: 72px; 	font-weight: normal; 	 font-variant: normal; 	line-height: 1.2em; 	padding-top: 10px; }   #header h1 a { 	color: #FFF; }  #header h1 a:hover { 	color: #FFCFB3; }   #header h2 { 	float: left; 	font-size: 16px; 	font-weight: normal; 	 font-style: italic; 	font-variant: normal; 	line-height: 1.2em; 	 padding: 35px 0 0 10px; }  /**** MAIN MENU LAYOUT and STYLES  WWW.CSS-TASARİMM.TR.GG ****/  #mainMenu { 	color: #FFCFB3; 	float:  right; 	font-size: 30px; 	line-height: 1.5em; 	list-style: none; 	 margin-left: -35px; 	position: relative; }  #mainMenu a { 	color: #FFF; }   #mainMenu a:hover { 	background: #FFCFB3; 	color: #870010; }   #mainMenu a, #mainMenu span { 	padding: 0 5px; }  /**** BLOG LAYOUT and  STYLES WWW.CSS-TASARİMM.TR.GG ****/  .blog { 	padding-bottom: 40px; }   .blog h2.blogTitle { 	font-size: 28px; 	font-weight: normal; 	 font-variant: normal; 	line-height: 18px; 	position: relative; 	z-index:  1; }  .blog h3.meta { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat;  	color: #FFCFB3; 	font-size: 13px; 	font-weight: normal; 	font-variant:  normal; 	height: 36px; 	line-height: 36px; 	padding: 0 10px 0 15px; 	 position: relative; 	z-index: 0; }  * html .blog h3.meta { 	padding-top:  10px; }  .blog h2.blogTitle a { 	color: #FFF; }  .blog h2.blogTitle  a:hover { 	color: #FFCFB3; }  .blog h3.meta a { 	color: #FFCFB3; }   .blog h3.meta a:hover { 	color: #FFF; }  img.bullet { 	padding: 0 4px; }   /**** ROUNDED CORNER BOX STYLES WWW.CSS-TASARİMM.TR.GG ****/  .c1 { 	 background: url(https://img.webme.com/pic/c/css-tasarimm/6-c1.gif) top  left no-repeat #EC691F; 	margin: 0 0 40px 0; }  .c2 { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-c2.gif) top right  no-repeat; }  .c3 { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-c3.gif) bottom left  no-repeat; }  .c4 { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-c4.gif) bottom right  no-repeat; }  #mainContent .c4 p, #mainContent .c4 ul { 	padding: 0  20px; 	line-height: 36px; 	margin-left: 0; }  /**** ROUNDED CORNER  BOTTOM BOX STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/  .c4 li { 	display:  inline; 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif) center right  no-repeat; }  .c4 li a { 	color: #FFCFB3; 	margin-right: 11px; 	 white-space: nowrap; }  .c4 li a:hover { 	color: #FFF; }  .boxDesc { 	 font-size: 28px; 	font-weight: normal; 	font-variant: normal; }  /****  ROUNDED CORNER BOX - INPUT STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/   li.formList .c1, li.formList .c2, li.formList .c3, li.formList .c4 { 	 width: 125px; }  #postComment .c1, #postComment .c2, #postComment .c3,  #postComment .c4 { 	height: 40px; 	line-height: 40px; 	width: 300px; }   .c4 input.searchBox, #postComment input, .postCommentTA textarea { 	 background: transparent; 	border: none; 	color: #870010; 	font: 12px  Georgia, "Times New Roman", Times, serif; 	position: relative; 	left:  4px; 	width: 80px; }  #mainContent .c1 { 	margin-bottom: 15px; }   #postComment input { 	float: left; 	position: relative; 	top: 12px; 	 width: 200px; }  #postComment .postCommentTA .c1, #postComment  .postCommentTA .c2, #postComment .postCommentTA .c3, #postComment  .postCommentTA .c4 { 	height: auto; 	width: 500px; }  #mainContent  #postComment .postCommentTA .c1 { 	margin-bottom: 30px; }   .postCommentTA textarea { 	margin: 10px; 	overflow: auto; 	width: 470px;  }  #postComment label { 	color: #FFCFB3; 	float: right; 	padding-right:  10px; }  #mainMenu li.formList { 	line-height: .6em; }  /**** BUTTON  STYLES WWW.CSSTASARİM-ARSİV.TR.GG ****/  .goButton { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-button.gif) center center  no-repeat; 	border: none; 	color: #FFCFB3; 	height: 28px; 	width: 38px; }   .goButton span { 	position: relative; 	top: -1px; }   .postButtonCluster { 	position: relative; 	top: -20px; }   .postButtonCluster button { 	background: none; 	border: none; 	color:  #FFCFB3; 	font: 16px Georgia, "Times New Roman", Times, serif; 	 margin-right: 20px; }  /**** COMMENT LIST STYLES  WWW.CSSTASARİM-ARSİV.TR.GG ****/  #commentList { 	list-style-position:  outside; 	position: relative; 	left: -40px; 	margin-right: -40px; 	 width: 868px; }  #commentList li { 	background:  url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat;  	color: #FFCFB3; 	font-size: 13px; 	font-weight: normal; 	font-variant:  normal; 	padding: 0 10px 0 15px; }  .commentMeta { 	clear: both; 	 height: 36px; }  .cml {  	float: left; }  .cmr {  	float: right; 	 font-size: 10px; }  .commentContent { 	color: #FFF; 	position: relative;  	top: -20px; }  /**** FOOTER STYLES ****/  #footer p { 	color: #FFCFB3;  	font-size: 11px; 	padding: 10px 0; 	text-align: center; }  /**** IMAGE  FLOATING, IMAGE CENTERING WWW.CSS-TASARİMM.TR.GG ****/  .floatImgR,  .floatImgL, .imageCenter { 	border: 1px solid #B21; 	padding: 2px; }   .floatImgR { 	float: right; 	margin: 10px 0 5px 10px; }  .floatImgL { 	 float: left; 	margin: 10px 10px 5px 0; }  .imageCenter { 	display:  block; 	margin: 10px auto; }  /**** CLEARING ****/  br.clear { 	clear:  both; }

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<div id="menu"> 	<ul>  		<li><a href="#" _fcksavedurl="#" accesskey="1"  title="">Home</a></li> 		<li><a href="#"  _fcksavedurl="#" accesskey="2" title="">Blog</a></li> 		 <li><a href="#" _fcksavedurl="#" accesskey="3"  title="">Toplist</a></li> 		<li><a href="#"  _fcksavedurl="#" accesskey="4" title="">Yorum</a></li> 		 <li><a href="#" _fcksavedurl="#" accesskey="5"  title="">Hakkında</a></li> 		<li><a href="#"  _fcksavedurl="#" accesskey="6" title="">İletişim</a></li>  	</ul> </div> <div id="header"> 	<div  id="logo"> 		<h1><a href="#" _fcksavedurl="#">Css  Merkez</a></h1> 		<h2><a  href="http://www.css-tasarimm.tr.gg"  _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim  Merkezi</a></h2> 	</div> 	<div id="banner"><a  href="#"  _fcksavedurl="#">www.css-tasarimm.tr.gg</a></div>  </div>  <div id="page"> 	<div  id="conntent"> 		<div class="post"> 			<h1  class="title">CSS Tasarimm.tR.gg</h1> 			<div  class="story"> 				Buraya siteniz hakkına bir şeyler yazabilirsiniz.  Haberler, duyururular vs... 			</div> 			<div class="meta">  				<p class="date">Tasarimm Tarihi 31.10.2oo8</p> 				 </div> 		</div> 		<div class="post boxed"> 			<h2  class="title">CSS Tasarim Merkezi!!!</h2> 			<div  class="story">

<= Tasarimin ALtına =>

</div> <div class="meta"> <p class="date">Tasarimm Tarihi 31.10.2oo8</p> </div> </div> </div>  <div id="sidebar"> <ul> <li> <h2>Geçmiş (Arşiv)</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ocak 2008</a> <i>(2)</i></li> <li><a href="#" _fcksavedurl="#">Şubat 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mart 2008</a> <i>(30)</i></li> <li><a href="#" _fcksavedurl="#">Nisan 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mayıs 2008</a> <i>(28)</i></li> <li><a href="#" _fcksavedurl="#">Haziran 2008</a> <i>(31)</i></li> </ul> </li> <li> <h2>Menu</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defterit</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Css Design</a></li> <li><a href="#" _fcksavedurl="#">Anketler Site Hakkında </a></li> <li><a href="#" _fcksavedurl="#">İceblue Tasarimlar </a></li> </ul> </li> <li> <h2>Site İle İlgili</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">İceblue Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Red Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Butterfly Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">CSS Menu Yapımı </a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  <div id="footer"> <p id="legal">Copyright © 2008 Murat. Tasarim by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim Merkezi</a></p> </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 Design By ::: www.csstasarim-arsiv.tr.gg */ * { margin: 0; padding: 0; } body { background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/20-img01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #7F7772; } h1, h2, h3 { margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #333333; } h1 { font-size: 197%; } h2 { font-size: 152%; } h3 { font-size: 100%; font-weight: bold; } p, ul, ol { margin-bottom: 15px; line-height: 1.6em; } ul, ol { margin-left: 2em; } blockquote { margin-left: 1em; padding-left: 1em; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-y; font-style: italic; } a:link { color: #0AAAFD; } a:hover, a:active { text-decoration: none; color: #FF6700; } a:visited { color: #7F7772; } img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } /* Menu */ #menu { width: 770px; height: 105px; margin: 0 auto; margin-top: -27px; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; width: 122px; height: 65px; padding: 40px 0 0 0; } #menu a { display: block; width: 122px; height: 32px; padding: 13px 0 0 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img02.jpg) no-repeat; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img03.jpg); } #menu .active { padding-top: 35px; } #menu .active a { height: 37px; padding-top: 16px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); color: #327EBE; } #menu .active a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); } /* Header */ #header { width: 770px; height: 160px; margin: 0 auto; } /* Logo */ #logo { float: left; width: 250px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img05.jpg) no-repeat; } #logo h1, #logo h2 { text-align: center; } #logo h1 { padding-top: 90px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img07.jpg) no-repeat center center; letter-spacing: 8px; font-size: 197%; } #logo h2 { letter-spacing: 2px; font-size: 85%; } #logo a { text-transform: uppercase; text-decoration: none; color: #FFFFFF; } /* Banner */ #banner { float: right; width: 520px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img06.jpg) no-repeat; } #banner a { float: right; padding: 120px 20px 0 0; text-decoration: none; text-align: right; font-size: 136%; font-style: italic; color: #FFFFFF; } #page { width: 760px; margin: 0 auto; padding: 20px 0 0 0; } #conntent { float: right; width: 510px; } .post { margin-bottom: 20px; } .post .title { padding: 0 20px; } .post .story { padding: 0 20px; } .post .meta { padding: 5px 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } .post .meta p { margin: 0; font-size: 77%; } .boxed .title { height: 32px; margin: 0; padding: 8px 0 0 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img08.jpg) no-repeat; letter-spacing: -1px; color: #FF3300; } .boxed .story { padding: 20px; border: 1px solid #FF8D17; } .boxed .meta { padding: 5px 10px; background: #FF8D17; color: #FFFFFF; } .boxed .meta a { color: #FFFFFF; } /* Sidebar */ #sidebar { float: left; width: 240px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 15px; } #sidebar li ul { padding: 10px; border: 1px solid #0AAAFD; border-top: none; } #sidebar li li { margin: 0; padding: 3px 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } #sidebar li li.first { background: none; } #sidebar li h2 { height: 30px; margin: 0; padding: 10px 0 0 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img10.jpg) no-repeat; letter-spacing: -1px; color: #327EBE; } #sidebar a:link { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar li a { padding-left: 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img11.gif) no-repeat left center; } /* Footer */ #footer { clear: both; height: 100px; padding: 15px 0; background: #D1D1D1; border-top: 5px solid #999999; text-align: center; } #footer p { margin: 0; color: #999999; } #footer a { color: #999999; } #footer a:hover { color: #FFFFFF; }