seyyarblog

Süper Bir Css Teması

Süper Bir Css Teması

Ekleyen: Admin

Kategori: Css Tasarım

Tarih: 30 Ocak 2011

Yine internette gezinirken denk geldiğim ve bedava-siteme uyarladığım bir tema kullanan arkadaşların memnun kalacağından eminim.

Kodların içerisinde gerekli açıklamaları yaptım kendinize göre düzenleyip kullanabilirsiniz.

Demo Adres

Üst Tasarım Kodları

<div id="ortalayici"> <div class="sayfa"><p style="text-align: center;"> <a href="" _fcksavedurl="" ><img src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/benkimim.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/benkimim.png" alt="Ben Kimim" /></a> <img src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/ayir.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/ayir.png" alt="Ayir" /> <a href="" _fcksavedurl="" ><img src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/bizimkiler.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/bizimkiler.png" alt="Bizimkiler" /></a> <img src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/ayir.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/ayir.png" alt="Ayir" /> <a href="" _fcksavedurl="" ><img src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/twit.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/twit.png" alt="Twitter" /></a> <img src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/ayir.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/ayir.png" alt="Ayir" /> <a href="" _fcksavedurl="" ><img src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/face.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/face.png" alt="Facebook" /></a> <img src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/ayir.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/ayir.png" alt="Ayir" /> <a href="/feed/rss" _fcksavedurl="/feed/rss" ><img src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/rss.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/rss.png" alt="Rss" /></a> </p> </div> 	 	<div id="baslik"> 	 		 		<div class="logo"> 		<img src="http://i1101.hizliresim.com/2011/1/27/3294.png" _fcksavedurl="http://i1101.hizliresim.com/2011/1/27/3294.png" alt="Logo"/> 		</div> 		<div class="clearleft"></div> 		 		 	  	</div>	 	 		 		 		<div class="menu"> <p style="text-align: center;"> 		<a href="http://www.xtatil.net/" _fcksavedurl="http://www.xtatil.net/" title="Ana Sayfa"><img class="menuresim" src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/anasayfa.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/anasayfa.png" /> </a> 		<a href="/wp-login.php?action=register" _fcksavedurl="/wp-login.php?action=register" title="Üye ol"><img class="menuresim" src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/uyeol.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/uyeol.png" /></a> 		<a href="/iletisim" _fcksavedurl="/iletisim" title="iletişim"><img class="menuresim" src="http://www.xtatil.net/wp-content/themes/Gora/gorseller/iletisim.png" _fcksavedurl="http://www.xtatil.net/wp-content/themes/Gora/gorseller/iletisim.png" /></a> </p> 		</div> 	 			  	 			 	<div id="iceriktoplayici" class="clearfix" > 					 		<div id="solsutun"> 			<ul class="xoxo">  <li class="solsutunbaslik">Başlık</li> <li class="solsutunicerik">  Buraya Bişeyler Ekle/Yaz      <li class="solsutunalt"></li>  <li class="solsutunbaslik">Başlık</li><li class="solsutunicerik">   Buraya Bİşeyler Yaz/Ekle   </li> 				</ul></li><li class="solsutunalt"></li><li class="solsutunbaslik">Kategoriler</li><li class="solsutunicerik">		<ul> 	<li class="cat-item cat-item-4"><a href="http://www.xtatil.net/antalya" _fcksavedurl="http://www.xtatil.net/antalya" title="Antalya kategorisi altındaki tüm yazıları göster">Antalya</a> </li> 	<li class="cat-item cat-item-10"><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" title="Tüm yazıları göster">Menü</a> </li> 	<li class="cat-item cat-item-5"><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" title="Tüm yazıları göster">Menü</a> </li> 	<li class="cat-item cat-item-12"><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" title="Tüm yazıları göster">Menü</a> </li> 	<li class="cat-item cat-item-8"><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" title="Tüm yazıları göster">Menü</a> </li> 	<li class="cat-item cat-item-1"><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" title="Tüm yazıları göster">Menü</a> </li> 	<li class="cat-item cat-item-6"><a href="http://www.xtatil.net/marmaris" _fcksavedurl="http://www.xtatil.net/marmaris" title="Tüm yazıları göster">Menü</a> </li> 	<li class="cat-item cat-item-3"><a href="http://www.xtatil.net/populer-yazilar" _fcksavedurl="http://www.xtatil.net/populer-yazilar" title="Tüm yazıları göster">Menü</a> </li> 	<li class="cat-item cat-item-7"><a href="http://www.xtatil.net/ucuz-tatil" _fcksavedurl="http://www.xtatil.net/ucuz-tatil" title="Tüm yazıları göster">Menü</a> </li> 		  	   </ul> </li><li class="solsutunalt"></li>			</ul>   </div> 		 		 					 		<div id="icerik"> 		 			    		 				 			<div class="icerikust"> 				 							</div> 	        	 			 			<div class="icerikorta">

Alt Tasarım Kodları

</div> 	        	 						 			<div class="icerikalt"> 						  						</div> 	          	   		 				     	 							<div class="clearboth"></div> 			 		</div> 			   ?		<div class="clearboth"></div> 		 	</div> 		 	 	 <div id="altlik" class="clearfix"> <div class="floatleft"> 			<a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" title="Seyyar Blog" rel="home">Seyyar Blog</a> |              <a href="http://www.seyyarblog.tr.gg/l" _fcksavedurl="http://www.seyyarblog.tr.gg/l" title="Seyyar Blog">Seyyar Blog</a> 			</div> 			 <div class="floatright"> 			Copyright 2011 | <a href="http://www.xtatil.net/" _fcksavedurl="http://www.xtatil.net/" title="Seyyar Blog " rel="home">Tasarım Düzenleme Seyyar Blog</a> |  		www.seyyarblog.tr.gg/ 			</div> 			 			<div class="clearboth"></div>  </div>   <p style="text-align: center;"> <h1><strong> <a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" title="tatil rehberi"  target="_blank"></a>  </strong></h1> </p>   	 </div>

Css Kodları

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;}   /* Theme Name: Gora Theme URI: http://www.mytatil.org Description: Kisisel Blog Temasi Version: 1.0 Author: Karaqunah,TechnoMANYAK Author URI: http://www.mytatil.org/ Tags: blog tema */  /*------------------------------------------------------------------------- =SIFIRLAMA -------------------------------------------------------------------------*/	 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus {outline: 0;} body {line-height: 1; color: black; background: white;} ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} button {border:0;} a img {border:0;}  /*------------------------------------------------------------------------- =GLOBAL TANIMLAMALAR -------------------------------------------------------------------------*/ body {background:#12AAE3 url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/bg.png) top no-repeat fixed; font-family: Arial, Helvetica, sans-serif; font-size:75%; line-height:170%} 	 	/*Bağlantılar*/	 	a:link, a:visited {text-decoration:none; color:#0000ff;} 	a:hover, a:active {text-decoration:underline;} 	/*Başlıklar*/		 	h1, h2, h3, h4, h5, h6{font-weight:bold; margin:15px 0;} 	h1{font-size:25px;} 	h2{	font-size:23px; letter-spacing:-1px;}			 	h3{font-size:18px;} 	h4{font-size:15px;}			 	/*Floatlar*/ 	.floatleft {float:left}		 	.floatright{float:right}		 	.clearleft{clear:left}		 	.clearright{clear:right}		 	.clearboth{	clear:both} 	 /*------------------------------------------------------------------------- =TAKIM ÇANTASI -------------------------------------------------------------------------*/	  .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac */ * html .clearfix {height: 1%;} /* End hide from IE-mac */ 	 /*------------------------------------------------------------------------- =SAYFA YAPISI -------------------------------------------------------------------------*/  #ortalayici{margin:0 auto; width:902px;} #baslik{width:893px; height:144px; margin-bottom:0px;} #iceriktoplayici{width:890px; border-left:#003958 solid 5px; border-right:#003958 solid 4px; margin-left:1px; background:#fff; float:left; display:inline} #solsutun{float:left; width:217px;} #icerik{float:right; margin-right:0px; width:650px} #altlik{color:#fff; font-weight:bold; width:880px; height:40px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/altlik.png); margin-left:1px; padding-top:15px; padding-left:10px; padding-right:10px} #altlik a{color:#fff; font-weight:bold;} .copyright{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background:#003958; margin-bottom:10px; padding-left:10px; color:white; font-weight:bold;} .copyright a{color:#fff; font-weight:bold; text-decoration:none;} /*------------------------------------------------------------------------- =BASLIK -------------------------------------------------------------------------*/ .logo{width:515px; height:144px; float:left;} .menu{background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/menubg.png) bottom no-repeat; width:902px; height:50px;} 	.menuresim{margin:0 30px;}  /*------------------------------------------------------------------------- =SOLSUTUN -------------------------------------------------------------------------*/  .solsutunbaslik{ margin-bottom:0px; width:205px; height:39px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/solsutunbaslik.png) no-repeat; margin-top:5px; margin-left:10px; padding-top:19px; padding-left:12px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;} .solsutunicerik{display:block; border-left:1px #3c70a0 solid; border-right:1px #3c70a0 solid; margin-left:15px; width:210px;} 		.solsutunicerik li{background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/libgy.png) no-repeat; margin-left:5px; width:180px; padding-left:25px; font-weight:bold;} 		.solsutunicerik li:hover{background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/libgk.png) no-repeat; margin-left:4px;} 		.solsutunicerik li a:link, .solsutunicerik li a:visited{color:#404040; text-decoration:none;} 		.solsutunicerik li a:hover{text-decoration:none;} 	.label{font-family: Arial, Helvetica, sans-serif; color:#656565; font-size:12px; font-weight:bold; margin-left:15px} 	.arama{font-family: Arial, Helvetica, sans-serif; color:#656565; font-size:12px; font-weight:bold; margin-left:5px; margin-bottom:5px; width:145px; height:18px; padding-left:5px; border:1px solid #ccc} 	#user_login{font-family: Arial, Helvetica, sans-serif; color:#656565; font-size:12px; font-weight:bold; margin-left:15px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/kullaniciadi.png); width:145px; height:18px; padding-left:25px; border:1px solid #ccc} 	#user_pass{font-family: Arial, Helvetica, sans-serif; color:#656565; font-size:12px; font-weight:bold; margin-left:15px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/sifre.png) top; width:145px; height:18px; padding-left:25px; border:1px solid #ccc} 	#wp-submit{width:84px; height:23px; margin-right:5px; margin-top:5px; float:right}	 	.btn{background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/ara.png) no-repeat; height:13px; width:46px; margin-top:5px;} .solsutunalt{background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/solsutunalt.png) no-repeat; width:902px; height:45px; margin-left:15px; width:212px; height:3px; margin-bottom:20px}  /*------------------------------------------------------------------------- =ICERIK -------------------------------------------------------------------------*/ #icerik h1{color:#006cc2} .icerikust{width:642px; height:45px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/icerikust.png) bottom no-repeat; margin-top:5px; margin-bottom:0px; position:relative;} 	.yazibaslik{color:#006cc2; font-size:24px; left:50px; position:absolute;} 	.duzenle{right:18px; top:10px; position:absolute;} .icerikorta{border-left:1px #006cc2 solid; border-right:1px #006cc2 solid; width:610px; margin-top:0px; padding:15px; overflow:hidden; position:relative;} .icerikorta li{list-style:square; margin-left:50px; color:#0083D9; font-weight:bold;} .icerikorta p{ color:#424242; font-family: Arial, Helvetica, sans-serif; width:610px} img.alignleft{float:left; margin-right:5px;} img.alignright{float:right; margin-left:5px;} .icerikalt{background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/icerikalt.png) no-repeat; width:902px; height:45px; width:642px; height:33px; margin-bottom:20px; position:relative;} 	.yazar{color:#424242; font-family: Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; height:24px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/yazar.png) no-repeat left; padding-left:25px; margin-left:15px} 	.yorum a{text-decoration:none; color:#424242; font-family: Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; height:24px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/yorumikon.png) no-repeat left; padding-left:35px; margin-left:15px; left:150px} 	.tarih{color:#424242; font-family: Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; height:24px; background:url(gorseller/tarihikon.png) no-repeat left; padding-left:35px;  left:300px} 	.devam{position:absolute; height:23px; width:84px; right:20px} /*------------------------------------------------------------------------- =YORUM -------------------------------------------------------------------------*/	 .yorumust{width:642px; height:45px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/icerikust2.pngg) bottom no-repeat; margin-top:5px; margin-bottom:0px; position:relative;} .yazar1{color:#424242; font-family: Arial, Helvetica, sans-serif; font-weight:bold; height:24px; background:url(gorseller/yazar.png) no-repeat left; padding-left:25px; margin-left:15px} .tarih1{color:#424242; font-family: Arial, Helvetica, sans-serif; font-weight:bold; height:24px; background:url(gorseller/tarihikon.png) no-repeat left; padding-left:28px; margin-left:12px;} .yorumcevre{border:1px solid #006cc2; margin-bottom:5px; padding:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:%100}  #author{background:url(gorseller/isim.png) left no-repeat; padding: 5px 5px 5px 40px; border:1px solid #A8D3E4;} #email{background:url(gorseller/mail.png) left no-repeat; padding: 5px 5px 5px 40px;  border:1px solid #A8D3E4;} #url{background:url(gorseller/url.png) left no-repeat; padding: 5px 5px 5px 40px;  border:1px solid #A8D3E4;} #comment{border:1px solid #A8D3E4;} #submit{border: 1px solid #a8d3e4; background: url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/buton.png) no-repeat left; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 6px 4px 38px;}  .benzer0{margin:0 auto; width:160px;} .benzer{ display:none;}  .benzer11{height:23px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/benzer11.png); width:10px; float:left} .benzer22{height:23px;background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/benzer22.png) repeat-x;float:left} .benzer22 a {color:#fff; font-weight:bold;} .benzer22 a:hover{text-decoration:none;} .benzer33{height:23px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/benzer33.png); width:10px; float:left}  .benzer111{height:23px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/benzer111.png); width:10px; float:left} .benzer222{height:23px;background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/benzer222.png) repeat-x;float:left} .benzer222 a {color:#fff; font-weight:bold;} .benzer222 a:hover{text-decoration:none;} .benzer333{height:23px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/benzer333.png); width:10px; float:left}  .benzer1{height:23px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/benzer1.png); width:10px; float:left} .benzer2{height:23px;background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/benzer2.png) repeat-x;float:left} .benzer2 a:link, .benzer2 a:visited{color:#fff; font-weight:bold; text-decoration:none;} .benzer2 a:hover{text-decoration:none;} .benzer3{height:23px; background:url(http://www.xtatil.net/wp-content/themes/Gora/gorseller/benzer3.png); width:10px; float:left}  .icerikust a{color:#006CC2; text-decoration:none;}                table {margin-left: auto;margin-right: auto}

Güle Güle Kullanın

Süper Bir Css Teması

E-Posta Aboneliği

Kategoriler

Duyurular

Araç Gereç