Tasarımın Adresi

Blog Tasarımı 2

Blog Teması 2

Klasik ve modern bir görünüme sahip tasarımdır.Kodların içeriği Türkçe'leştirilmiştir.Önizleme resmi kodlar düzenlendikten sonra kaydedilmiştir.Tasarım kodunun içinde "URL GİR" / "BAŞLIK GİR" gibi yaptığımız eklentilerle tasarımı sitenize uyarlamanız kolaylaştırılmıştır.Zaten biraz HTML bilenler hemen işi çözecektir.Herhangi bir bilgiye sahip olmayanların ise sitemizdeki "Tasarımı Siteme Nasıl Uygularım?" başlığını incelemelerini tavsiye ederiz.

Tasarımın Üstündeki Metin:

Tasarımın Altındaki Yazı:

<div class="post" id="post-19">  				<div class="post-info"> 				ALT SLOGAN GİR   			</div> 			</div> 			 					  			 					  			 					  					 			 					  			 					 		<div id="pages"> 			<a href="#" _fcksavedurl="#"></a>   <a href="#" _fcksavedurl="#"></a> 		</div>  		 </div> 		 <div id="sidebar">                  <div id="search"> 			<form method="get" id="searchform" action="http://www.google.com.tr/"> 				<p><input value="Arayacağın Terimler..." name="s" id="s" onfocus_fckprotectedatt="%20onfocus%3D%22if(this.value%3D%3D'Arayaca%26%23287%3B%26%23305%3Bn%20Terimler...')this.value%3D''%22" onblur_fckprotectedatt="%20onblur%3D%22if(this.value%3D%3D'')this.value%3D'Arayaca%26%23287%3B%26%23305%3Bn%20Terimler...'%22" type="text"> 				<input id="searchsubmit" class="bt" value="ARA" type="submit"></p> 			</form> 		</div> 	 	<div class="block"> 		<h3>Kategoriler</h3> 		<ul> 				<li class="cat-item cat-item-5"><a href="KATEGORİ URL GİR" _fcksavedurl="KATEGORİ URL GİR" title="">KATEGORİ GİR</a> <ul class="children"> 	<li class="cat-item cat-item-6"><a href="KATEGORİ URL GİR" _fcksavedurl="KATEGORİ URL GİR" title="">KATEGORİ GİR</a> </li> 	<li class="cat-item cat-item-7"><a href="KATEGORİ URL GİR" _fcksavedurl="KATEGORİ URL GİR" title="">KATEGORİ GİR</a> 	<ul class="children"> 	<li class="cat-item cat-item-8"><a href="KATEGORİ URL GİR" _fcksavedurl="KATEGORİ URL GİR" title="">KATEGORİ GİR</a> </li> 	</ul> </li> </ul> </li> 	<li class="cat-item cat-item-1"><a href="KATEGORİ URL GİR" _fcksavedurl="KATEGORİ URL GİR" title="">KATEGORİ GİR</a> </li> 		</ul> 	</div> 	 	<div class="block"> 		<h3>Yazılar</h3> 		<ul> 			<li><a href="URL GİR" _fcksavedurl="URL GİR">BAŞLIK GİR</a></li> <li><a href="URL GİR" _fcksavedurl="URL GİR">BAŞLIK GİR</a></li> <li><a href="URL GİR" _fcksavedurl="URL GİR">BAŞLIK GİR</a></li> <li><a href="URL GİR" _fcksavedurl="URL GİR">BAŞLIK GİR</a></li> <li><a href="URL GİR" _fcksavedurl="URL GİR">BAŞLIK GİR</a></li> <li><a href="URL GİR" _fcksavedurl="URL GİR">BAŞLIK GİR</a></li> <li><a href="URL GİR" _fcksavedurl="URL GİR">BAŞLIK GİR</a></li> 		</ul> 	</div>          <div class="block"> 		<h3>HOŞGELDİNİZ</h3> 		<img src="" _fcksavedurl="" alt="" style="margin: 0pt 0px 0pt -3px; padding: 0pt; float: left;"> 		<p>Merhaba, bloguma hoşgeldiniz.Umarım blogumu beğenirsiniz...</p>			 	</div>		 	 	<div class="block"> 		<h3>Ekstralar</h3> 		<ul> 						<li><a href="BAŞLIK GİR" _fcksavedurl="BAŞLIK GİR">BAŞLIK GİR</a></li> 			<li><a href="BAŞLIK GİR" _fcksavedurl="BAŞLIK GİR" title="">BAŞLIK GİR <abbr title=""></abbr></a></li> 			<li><a href="BAŞLIK GİR" _fcksavedurl="BAŞLIK GİR"><abbr title="">BAŞLIK GİR</abbr></a></li> 			<li><a href="URL GİR" _fcksavedurl="URL GİR" title="">BAŞLIK GİR</a></li> 					</ul> 	</div> 		 </div>	</div> 	 	<div id="footer">              <div class="rss"><a href="" _fcksavedurl="" id="feed"><img src="" _fcksavedurl="" alt=""></a></div>         <div id="footer-inner"> 		<p> 			Sitelere Özel Tasarım Yapılır. 			<a href="" _fcksavedurl=""> Fiyatı 5 TL'dir. </a> |  			<a href="" _fcksavedurl="">Tasarım İletişim</a> 			 <a href="" _fcksavedurl=""></a> 		</p> 		<p>Copyright By MHD © 2013. Her Hakkı Saklıdır. | <a href="http://tr-gg-css-king.tr.gg/" _fcksavedurl="http://tr-gg-css-king.tr.gg/"> Tasarımı Hazırlayan</a></p> 	</div></div>

CSS Kodu:

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: japan-style Description: japan-style Wordpress Theme by<a href="http://blog.gooddesignweb.com/" _fcksavedurl="http://blog.gooddesignweb.com/">Good Design Web</a> Version: 1.1 Author: Good Design Web Author URI: http://blog.gooddesignweb.com/ Tags: fixed width, two columns, right sidebar, valid XHTML, valid CSS */  /* Reset -------------------------------------------------------------------*/ * { padding: 0; margin: 0; } ul li, ol li { list-style: none; list-style-position: inside; } ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; } img { border: none; }    /* Body -------------------------------------------------------------------*/ body {  	font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif;  	color: #333;  	background: #DED5BA;  }  h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; color: #414d4c; } h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; } h2 { font-size: 12px; line-height: 24px; margin-bottom: 7px; font-weight: normal; } h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; } h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; } h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }  h1 span { color: #999; }  a { color: #3b5a4a; } a:hover { color: #3b5a4a; } a:visited { color: #3b5a4a; }  p { margin-bottom: 10px; }  input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }  blockquote {  	font: italic 14px/22px Georgia, Serif;  	padding: 5px 10px; 	margin-bottom: 20px; 	background: #e4ede2;  }    /* Header -------------------------------------------------------------------*/ #header {  	width: 960px;  	height: 300px;          margin: 0 auto; 	background: url(http://wp-themes.com/wp-content/themes/japan-style/images/header_bg.jpg) no-repeat center;  	position: relative;  } #header h1 {          width: 230px;         position: absolute;         top: 80px;         left: 160px; 	font: 20px Verdana;  	padding-top: 10px;  	margin-bottom: 0;  	color: #fff;  } #header h1 a {          color: #333;  	text-decoration: none;  } #header span {         position: absolute;         top: 195px;         left: 150px;  	padding-left: 10px;  	font-size: 12px;  	color: #333;  }   /* Container -------------------------------------------------------------------*/ #wrapper {  	width: 900px;  	overflow: hidden;  	background: url(http://wp-themes.com/wp-content/themes/japan-style/images/container_bg.jpg) repeat-y;         margin: 0 auto;  }    /* Navigation -------------------------------------------------------------------*/ #navi {  	width: 800px;  	height: 45px;  	margin-left: 30px;  	position: relative;         top: 225px; } #navi ul {  	margin-left: 10px;  	position: absolute;  	bottom: -1px;  	overflow: hidden;  	height: 45px;  } #navi ul li {  	float: left;  	margin-right: 3px;  	padding-left: 3px;          font-weight: bold; } #navi ul li.current_page_item {          width: 122px;         height: 45px; } #navi ul li a {         width: 122px;         height: 45px;         background: url(http://wp-themes.com/wp-content/themes/japan-style/images/nav_bg.jpg) no-repeat;  	display: block;  	text-decoration: none;  	color: #333;  	line-height: 45px;  	text-align: center; } #navi ul li a:hover { color: #555; } #navi ul li.current_page_item a { background: url(http://wp-themes.com/wp-content/themes/japan-style/images/nav_bg.jpg) no-repeat; color: #ff0000; }    /* Content -------------------------------------------------------------------*/ #conttent {  	width: 600px;  	float: left;  	padding: 15px;  } #conttent .post { margin-bottom: 40px; } #conttent .post p { margin-bottom: 20px; } #conttent .post h3 a { text-decoration: none; font-size: 20px; padding-left: 20px; } #conttent .post-list li { list-style: none; }  #conttent .post .post-info {  	clear: both;  	font-size: 11px;  	color: #777;  	padding: 15px 5px 5px 5px;  	margin-bottom: 20px;          text-align: right; 	background: url(http://wp-themes.com/wp-content/themes/japan-style/images/meta_bg.gif) top center no-repeat;  } #conttent .post .post-info a { color: #333; text-decoration:none; } #conttent .post .post-info a:hover { color: #555; text-decoration:none; }  #conttent #pages { text-align: center; } #conttent #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; } #conttent #pages a:hover { color: #1e2726; }  #conttent ul, ol, dl { margin-bottom: 20px; } #conttent ul {  	list-style: disc; 	list-style-position: inside;  } #conttent ol {  	list-style: decimal;  	list-style-position: inside;  } #conttent dl dt {  	font-weight: bold; } #conttent dl dd {  	font-style: italic; 	margin: 0 0 5px 20px; 	color: #555; }  .aligncenter { margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 5px 15px 10px 0; } .alignright { float: right; margin: 5px 0 10px 15px; }    /* Sidebar -------------------------------------------------------------------*/ #sidebar {  	width: 235px; 	float: right; 	font-size: 11px;  	margin: 0 10px 10px 0; 	color: #555; }  #sidebar h3 {          font: normal 18px Verdana, Arial, Sans-Serif;          color: #444;          background: url(http://wp-themes.com/wp-content/themes/japan-style/images/sidetitle_bg.gif) no-repeat;         padding-left: 23px; }  #sidebar a { color: #38463e; text-decoration: none; } #sidebar a:hover { color: #38463e; }  #sidebar .block { 	width: 205px; 	padding: 15px;  	border-bottom: 1px solid #bfccbf;  	overflow: hidden; 	color: #555; } #sidebar .block li {  	background: url(http://wp-themes.com/wp-content/themes/japan-style/images/arrow.gif) no-repeat 2px 8px;  	padding-left: 12px; } #sidebar .block a:hover { color: #777; }  /* Calendar */ #sidebar .block #calendar_wrap a { } #sidebar .block #calendar_wrap .pad { background: none; } #sidebar .block #calendar_wrap #prev { background: none; } #sidebar .block #calendar_wrap #next { background: none; } #sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;} #sidebar .block #calendar_wrap table th { width: 14.2%; } #sidebar .block #calendar_wrap table td { width: 14.2%; background: #d6ded4; text-align: center; color: #888; }    /* Search -------------------------------------------------------------------*/ #search { 	 }  #search input { border: 0; }  #search #s {  	width: 150px;         height: 26px; 	padding: 3px 0 4px 5px; 	margin-right: -4px; 	vertical-align: top; 	line-height: 0; 	font: normal 12px Verdana; 	vertical-align: top; 	color: #333; 	background: url(http://wp-themes.com/wp-content/themes/japan-style/images/search_bg.jpg) no-repeat; } #search #searchsubmit {  	width: 56px;  	height: 26px;         text-align: center; 	background: url(http://wp-themes.com/wp-content/themes/japan-style/images/searchbt_bg.jpg) no-repeat;         font-weight: bold; } .bt{         cursor: pointer; }    /* Comments -------------------------------------------------------------------*/ .comments-title {  	text-align: center;  	font: bold 17px "Trebuchet MS", Helvetica, Arial, Geneva;  	color: #414d4c;  } #comments .comment {  	background: #E7E8EB;  	margin-bottom: 10px;  	overflow: hidden;  	width: 600px;  	padding-bottom: 5px;  } #comments .comment .comment-avatar {  	float: left;  	width: 50px;  	padding: 5px 7px;  }  #comments .comment .comment-content {  	float: left;  	padding: 10px 15px;  	margin: 5px 5px 0 0;  	width: 500px;  	background: #F7F8F9;  } #comments .comment .comment-content a { color: #444; }   #comments .comment .comment-info {  	font-size: 11px; 	color: #777; 	margin-bottom: 5px;  } #comments .comment .comment-info span { 	font: bold 16px "Trebuchet MS", Helvetica, Arial, Geneva;  	 	padding-right: 10px;  	margin-bottom: 5px; } #comments .comment .comment-info a {  	color: #444;  	text-decoration: none; }     /* Comment Form -------------------------------------------------------------------*/ #commentform {  	background: #F7F8F9;  	border: 5px solid #E7E8EB;  	padding: 10px;  	color: #555;  } #commentform p { margin-bottom: 7px; } #commentform textarea {  	width: 565px;  	border: 1px solid #aaa;  	height: 120px; } #commentform input.text {  	width: 150px;  	border: 1px solid #aaa;  	margin-right: 5px;  	padding: 3px 3px;  } #commentform input#submit {         width: 148px;         height: 30px;         background: url(http://wp-themes.com/wp-content/themes/japan-style/images/submit_bg.gif) no-repeat;         text-align: center;         border: none; }     /* Footer -------------------------------------------------------------------*/  #footer {  	width: 960px;          height: 295px; 	margin: 0 auto;  	background: url(http://wp-themes.com/wp-content/themes/japan-style/images/footer_bg.jpg) no-repeat;         position: relative;  }  .rss {         float: right; 	width: 200px;          height: 73px; }  #footer-inner {          clear: both;         text-align: center;  	width: 900px;  	margin: 0 auto;         padding-top: 10px;  } #footer p {  	font-size: 11px;  	margin: 0;  } #footer a { color: #ff0000; }

CSS Tasarımın Adresi / www.tr-gg-css-king.tr.gg

Blog Tasarımı 2

Tasarımlar

Diğer Başlıklar