seyyarblog

7 adet css tasarım

Evet arkadaşlar şimdi sizlere düzenlediğim tasarımların kodlarını paylaşacağım,bilmeyen arkadaşlar için kodların içerisinde neyi nereye ekleyeceklerini anlatayım.

Beğendiğiniz Tasarımın Alt,Üst,Css olmak üzere 3 farklı kodu vardır. Üst Tasarıma ait kodu sitenizdeki kod kutucuklarından üst tasarım yazan yere yapıştıracaksınız ve kodun içerisinde kendinize göre düzenlemeleri yapacaksınız.Aynı şekilde Alt Tasarım yazan yeri alt tasarıma, Css yazan yerdeki kodlarıda css kutucuğuna yapıştıracaksınız ve tasarımınız sitenizde görünmeye başlayacak.

Lafı uzatmadan tasarımlara geçeyim ben

Tema (1)

Üst Tasarım Kodları

Alt Tasarım Kodları

</div>                        <div class="cleaner"></div>     <div class="content_bottom"></div>     </div>           <div id="side_column">              <div class="section_w350">             <div class="news_box">                              <h3>Haberler</h3>                                  <h4><a href="#" _fcksavedurl="#">Başlık</a></h4>               <p>Bişeyler Yazalım Buraya</p>                                  <div class="cleaner_h10"></div>                                  <h4><a href="#" _fcksavedurl="#">Başlık</a></h4>               <p>Bişeyler Yazalım Buraya</p>                                 </div>         </div>          </div>       <div id="templatemo_footer">              Copyright © 2048 <a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" target="_parent">Seyyar Blog</a> | <a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" target="_parent">Seyyar Blog</a> by <a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" target="_parent">Seyyar Blog</a>                <div class="cleaner_h20"></div>                          </div>      <div class="cleaner"></div>      </div>  </div>

Css Kodları

Tema (2)

Üst Tasarım Kodları

<div id="templatemo_wrapper"> 	<div id="templatemo_top">          	<ul id="social">         	<li><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent"><img src="http://www.templatemo.com/templates/templatemo_250_chess/images/rss.png" _fcksavedurl="http://www.templatemo.com/templates/templatemo_250_chess/images/rss.png" alt="rss" /></a></li>             <li><a href="http://www.facebook.com/templatemo" _fcksavedurl="http://www.facebook.com/templatemo" target="_parent"><img src="http://www.templatemo.com/templates/templatemo_250_chess/images/facebook.png" _fcksavedurl="http://www.templatemo.com/templates/templatemo_250_chess/images/facebook.png" alt="facebook" /></a></li>             <li><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent"><img src="http://www.templatemo.com/templates/templatemo_250_chess/images/twitter.png" _fcksavedurl="http://www.templatemo.com/templates/templatemo_250_chess/images/twitter.png" alt="twitter" /></a></li>             <li><a href="#" _fcksavedurl="#"><img src="http://www.templatemo.com/templates/templatemo_250_chess/images/myspace.png" _fcksavedurl="http://www.templatemo.com/templates/templatemo_250_chess/images/myspace.png" alt="myspace" /></a></li>             <li><a href="#" _fcksavedurl="#"><img src="http://www.templatemo.com/templates/templatemo_250_chess/images/gmail.png" _fcksavedurl="http://www.templatemo.com/templates/templatemo_250_chess/images/gmail.png" alt="gmail" /></a></li>                     </ul>     	         <div class="cleaner"></div>     </div>  	<div id="templatemo_header">     	         <div id="site_title">         	             <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent"><img src="" _fcksavedurl="" alt="css templates" /><span>free css templates</span></a>                      </div>               </div>           <div id="templatemo_banner">              <div id="templatemo_menu">                      <ul>                 <li><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" class="current">Ekle</a></li>                 <li><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Ekle</a></li>                 <li><a href="portfolio.html" _fcksavedurl="portfolio.html">Ekle</a></li>                 <li><a href="company.html" _fcksavedurl="company.html">Ekle</a></li>                 <li><a href="contact.html" _fcksavedurl="contact.html">Ekle</a></li>             </ul>    	                  </div>                   <div id="banner_right">         	<h1>SEYYAR BLOG<span>Tasarım Düzenleme Seyyar Bloga Aittir</span></h1>         </div>          </div>           <div id="templatemo_main_wrapper">     <div id="templatemo_content_wrapper">     	   		<div class="three_column margin_r25 vertical_divider">         	<h2> Hakkında</h2>         <img src="http://www.templatemo.com/templates/templatemo_250_chess/images/barchart.png" _fcksavedurl="http://www.templatemo.com/templates/templatemo_250_chess/images/barchart.png" alt="innovate" />             <p>Buraya  Bişeyler Yaz Bakalım </p>             <div class="cleaner_h10"></div>             <div class="button float_r"><a href="#" _fcksavedurl="#">Devamını Oku</a></div>         </div>   		<div class="three_column margin_r25 vertical_divider">         	<h2>Sitemiz</h2>             <img src="http://www.templatemo.com/templates/templatemo_250_chess/images/linechart.png" _fcksavedurl="http://www.templatemo.com/templates/templatemo_250_chess/images/linechart.png" alt="optimizer" />             <p>Buraya  Bişeyler Yaz Bakalım</p>             <div class="cleaner_h10"></div>             <div class="button float_r"><a href="#" _fcksavedurl="#">Devamını Oku</a></div>         </div>          <div class="three_column">         	<h2>İstatistikler</h2>             <img src="http://www.templatemo.com/templates/templatemo_250_chess/images/piechart.png" _fcksavedurl="http://www.templatemo.com/templates/templatemo_250_chess/images/piechart.png" alt="analysis" />             <p>Buraya  Bişeyler Yaz Bakalım</p>             <div class="cleaner_h10"></div>             <div class="button float_r"><a href="#" _fcksavedurl="#">Devamını Oku</a></div>         </div>                  <div class="cleaner_h60"></div>

Alt Tasarım Kodları

Css Kodları

table {margin-left:   auto;margin-right: auto}       <center>  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;}     /* Credit: http://www.templatemo.com */  body { 	margin: 0px; 	padding: 0px; 	color: #333333; 	font-family: Helevetica,Arial,sans-serif; 	font-size: 13px; 	line-height:1.5em;  	background-color: #ffffff; 	background-image: url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_body.png); 	background-repeat: repeat-x; }  a, a:link, a:visited { 	color: #000000; }  a:hover { 	color: #990000; 	text-decoration: none; }  p { margin: 0px; padding: 0 0 10px 0; } img { border: none; }  h1, h2, h3, h4, h5 { font-weight: normal; color: #000; }  h1 { font-size: 38px; font-weight: bold; margin: 0 0 30px 0; padding: 5px 0; color: #fff; } h2 { font-size: 26px; font-weight: bold; margin: 0 0 20px 0; padding: 0; color: #fff; text-shadow: 1px 1px 1px #555; } h3 { font-size: 21px; margin: 0 0 20px 0; padding: 0; padding: 0; color: #fff; text-shadow: 1px 1px 1px #555; } h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; } h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; } h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}  .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  } .cleaner_h10 { clear: both; width:100%; height: 10px; } .cleaner_h20 { clear: both; width:100%; height: 20px; } .cleaner_h30 { clear: both; width:100%; height: 30px; } .cleaner_h40 { clear: both; width:100%; height: 40px; } .cleaner_h50 { clear: both; width:100%; height: 50px; } .cleaner_h60 { clear: both; width:100%; height: 60px; }  .margin_r25 { margin-right: 25px; }  .vertical_divider { background: url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_vertical_divider.png) right repeat-y; }   .float_l { float: left; }  .float_r { 	float: right; }  .image_wrapper { display: inline-block; padding: 8px; border: 1px solid #888888; background: #bcbbbc; margin-bottom: 10px; } .fl_img { float: left; margin: 3px 30px 15px 0; } .fr_img { float: right; margin: 3px 0 15px 15px; }  blockquote { font-style: italic; margin-left: 10px;} cite { font-weight: bold; } cite span { color: #fff; }  .templatemo_list { 	margin: 20px; 	padding: 0; 	list-style: none; }  .templatemo_list li { 	background:transparent url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_list.png) no-repeat scroll 0 3px; 	color:#000000; 	margin:0 0 15px; 	padding:0 0 0 16px; 	line-height: 1em; }  .button a { 	clear: both; 	display: block; 	width: 104px; 	height: 26px; 	padding: 4px 0 0 0; 	background: url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_button.png) no-repeat; 	color: #fff; 	font-weight: bold; 	text-align: center; 	text-decoration: none; 	text-shadow: 1px 1px 0px #000; }  .button a:hover { 	color: #000; 	text-shadow: 1px 1px 2px #555; 	background: url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_button_hover.png) no-repeat; }  #templatemo_wrapper { 	width: 970px; 	margin: 0 auto; 	padding: 10px 0; 	background: url(images/templatemo_wrapper.png) repeat-y; }  #templatemo_top { 	padding: 5px 40px; }  #social { 	float: right; 	margin: 0; 	padding: 0; 	list-style: none; }  #social li { 	margin: 0; 	padding: 0; 	display: inline; }  #social li a { 	float: left; 	display: block; 	width: 59px; 	height: 59px; 	margin-left: 10px; }  #templatemo_header { 	width: 950px; 	height: 130px; 	padding: 0 10px; 	background: url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_header.png) no-repeat; }  #templatemo_header  #site_title { 	float: left; 	width: 500px; 	text-align: left; 	padding: 60px 0 0 20px; }  #templatemo_header  #site_title a { 	margin: 0px; 	padding: 0px; 	font-size: 30px; 	color: #ffffff; 	font-weight: normal; 	text-decoration: none; }  #templatemo_header  #site_title a span { 	display: block; 	text-align: left; 	font-size: 14px; 	color: #5f6675; 	font-weight: bold; 	letter-spacing: 2px; }  #templatemo_banner { 	width: 970px; 	height: 300px; 	background: url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_banner.png) no-repeat; }  #templatemo_menu { 	float: left; 	width: 280px; 	margin-bottom: 50px; }  #templatemo_menu ul { 	margin: 0 0 0 2px; 	padding: 20px 0 0 0; 	list-style: none; }  #templatemo_menu ul li { 	padding: 0px; 	margin: 0 0 10px 0; }  #templatemo_menu ul li a { 	display: block; 	padding: 15px 0 5px 30px; 	font-size: 16px; 	text-decoration: none; 	color: #CCC;	 	font-weight: bold; 	outline: none; 	background: url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_menu_divider.png) left bottom no-repeat; }  #templatemo_menu li a:hover { 	padding-left: 40px; }  #templatemo_menu li .current{ 	padding-left: 40px; 	color: #ffffff; }  #banner_right { 	float: right; 	width: 500px; 	margin-right: 40px; 	padding-top: 120px; 	line-height: 40px; 	text-align: right; } #banner_right h1 { 	text-shadow: 2px 2px 5px #555; }  #banner_right h1 span { 	display: block; 	color: #000; 	font-size: 30px; 	text-shadow: 1px 1px 2px #555; }  #templatemo_main_wrapper { 	width: 970px; 	background: url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_content.png) repeat-y; }  #templatemo_main_bottom { 	width: 970px; 	height: 20px; 	background:url(http://www.templatemo.com/templates/templatemo_250_chess/images/templatemo_content_bottom.png) no-repeat; }  #templatemo_content_wrapper { 	width: 890px; 	padding: 60px 40px 20px;     background: url(http://www.templatemo.com/templates/templatemo_250_chess/images/tempatemo_content_top.png) top no-repeat; }  .two_column { 	width: 260px; }  .three_column { 	float: left; 	width: 250px; 	padding-right: 30px; }  .three_column img { 	float: left; 	width: 48px; }  .three_column p { 	float: right; 	width: 180px; }  #templatemo_content { 	float: right; 	width: 580px; }  #templatemo_sidebar { 	float: left; 	width: 250px; }  .sidebar_box { 	margin-bottom: 40px; }  .news_box { 	margin-bottom: 20px; 	padding: 10px 0 20px 0; 	border-bottom: 1px solid #7e7e7e; }  .news_box img { 	float: left; 	width: 80px; 	border: 1px solid #FFF; 	padding: 2px; }  .news_box p { 	float: right; 	width: 140px; 	margin-bottom: 0; 	padding-bottom: 0; }  .post_box { 	clear: both; 	padding-bottom: 30px; 	margin-bottom: 30px; 	background: url(images/hor_divider.jpg) bottom repeat-x;	 }  .post_box h2 { 	margin-bottom: 5px; }  .post_box .post_info { 	font-style: italic; 	margin-bottom: 20px; }  .post_box .comment_tab { 	padding: 10px 0; 	margin: 40px 0 20px 0; 	border-bottom: 1px dashed #666; 	font-size: 20px; 	font-weight: bold; }   #gallery  { 	width: 580px; }  .gallery_box { 	display: block;  	padding: 0; 	margin: 0; 	padding: 20px; 	background: #9b9b9b; 	border: 1px solid #6c6c6c; 	margin: 0 30px 30px 0; } 	 	.gallery_box .gb_left { 		float: left; 		width: 240px; 		height: 120px; 	} 	 	.gallery_box .gb_left img { 		width: 240px; 		height: 120px; 		border: 1px solid #000000; 	} 	 	.gallery_box .gb_right { 		float: right; 		width: 240px; 	} 	  #contact_form { 	float: left; 	padding: 0; }  #contact_form form { 	margin: 0px; 	padding: 0px; }  #contact_form form .input_field { 	width: 350px; 	padding: 5px 0; 	background: #cecece; 	border: 1px solid #888888; }  #contact_form form label { 	display: block; 	width: 100px; 	margin-right: 10px; 	font-size: 14px;	 }  #contact_form form textarea { 	width: 350px; 	height: 200px; 	background: #cecece; 	border: 1px solid #888888; }  #contact_form form .submit_btn { 	margin-left: 108px; 	padding: 5px 10px; 	background: #cecece; 	border: 1px solid #888888; }  #templatemo_footer { 	width: 970px; 	margin: 0px 0px; 	padding: 15px 0; 	text-align: center; 	background: url(images/templatemo_footer.png) no-repeat; }

Tema (3)

Üst Tasarım Kodları

<div id="templatemo_wrapper_outer"> <div id="templatemo_wrapper_inner"> 	     <div id="templatemo_banner"></div>           <div id="templatemo_menu"> 	    <ul>             <li><a href="#" _fcksavedurl="#" class="current">Menü</a></li>             <li><a href="#" _fcksavedurl="#">Menü</a></li>             <li><a href="#" _fcksavedurl="#">Menü</a></li>             <li><a href="#" _fcksavedurl="#">Menü</a></li>             <li><a href="#" _fcksavedurl="#">Menü</a></li>         </ul>     </div>           <div id="templatemo_content_wrapper">          	<div class="templatemo_side_bar margin_right_10">         	             <div class="header_01">Sol Menü</div>             	<ul>                 	<li><a href="#" _fcksavedurl="#">Ekle</a></li>                     <li><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Ekle</a></li>                     <li><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar</a></li>                     <li><a href="#" _fcksavedurl="#">Ekle</a></li>                     <li><a href="#" _fcksavedurl="#">Ekle</a></li>                     <li><a href="#" _fcksavedurl="#">Ekle</a></li>                     <li><a href="#" _fcksavedurl="#">Ekle</a></li>                     <li><a href="#" _fcksavedurl="#">Ekle</a></li>                 </ul> 			             <div class="margin_bottom_20 horizontal_divider"></div>  			<div class="margin_bottom_20"></div>              <div class="header_01">Arama Motoru</div>                  <form action="" method="post">                   <input type="text" id="search_field" />                   <input type="submit" value="" id="search_button" />             </form>             <div class="margin_bottom_20"></div>         </div>                   <div class="templatemo_content margin_right_10">                  	<div class="content_section">

Alt Tasarım Kodları

<div class="cleaner"></div>                           </div>                      	<div class="margin_bottom_40"></div>         </div>                   <div class="templatemo_side_bar">        		             <div class="header_01">Sağ Başlık</div>                          <div class="latest_news border_bottom">                 <div class="header_03"><a href="#" _fcksavedurl="#">Buraya Bişeyler Yaz Bakalım </a></div>                 <p>Buraya Bişeyler Yaz Bakalım</p> 			</div>                                      <div class="margin_bottom_10"></div>              			<div class="latest_news">                 <div class="header_03"><a href="#" _fcksavedurl="#">Bağlantı</a></div>                 <p>Buraya Bişeyler Yaz Bakalım</p> 			</div>                        <div class="margin_bottom_20 horizontal_divider"></div>  			<div class="margin_bottom_20"></div>                          <div class="header_01">Başlık</div>              <div class="latest_news">             	<div class="image_wrapper_02"><span></span><a href="#" _fcksavedurl="#"><img src="images/templatemo_image_03.jpg" _fcksavedurl="images/templatemo_image_03.jpg" alt="video" /></a></div>                 <p>Buraya Bişeyler Yaz Bakalım</p> 	      </div>                                    <div class="margin_bottom_10"></div>         </div>      	         <div class="cleaner"></div>         </div>       </div> </div>   <div id="templatemo_footer">         Copyright © 2048 <a href="#" _fcksavedurl="#">Seyyar Blog</a> | <a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" target="_parent">Bu Site Seyyar Blog Tarafından Düzenlenmiştir</a> by <a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" target="_parent">Seyyar Blog</a>    	</div>      <div class="margin_bottom_10"></div>          	</div>

Css Kodları

table {margin-left:   auto;margin-right: auto}       <center>  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 Credit: http://www.templatemo.com */  body { 	margin: 0; 	padding: 0; 	line-height: 1.5em; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #999; 	background: #272525 url(http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_top_bg.jpg) repeat-x; }  a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }  a:active, a:hover { color: #99FF00; text-decoration: underline; }  p { 	margin: 0px; 	padding: 0px; 	text-align: justify; }  img { 	margin: 0px; 	padding: 0px; 	border: none; }  .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }  .margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	} .margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	} .margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	} .margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	} .margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	} .margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}  .margin_right_10 { margin-right: 10px; } .margin_right_60 { margin-right: 60px; }  .horizontal_divider { 	background: url(http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_horizontal_divider.jpg) bottom repeat-x; }  .border_bottom { 	border-bottom: 1px dashed #000; }  .fl { 	float: left; }  .fr { 	float: right; }  .rc_btn_01 a { 	clear: both; 	display: block; 	width: 120px; 	height: 25px; 	padding: 5px 0 0 0; 	font-size: 12px; 	text-align: center; 	color: #000000; 	text-decoration: none; 	border: none;  	background: url(http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_button_01.png) no-repeat; }  #templatemo_wrapper_outer { 	width: 100%; 	margin: 0 auto; }  #templatemo_wrapper_inner { 	width: 980px; 	margin: 0 auto; 	padding: 0 5px; 	background: url(http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_wrapper_bg.png) repeat-y; }  #templatemo_banner { 	width: 980px; 	height: 250px; 	background: url(http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_banner_bg.jpg) no-repeat; }  /* menu */  #templatemo_menu { 	clear: both; 	width: 500px; 	height: 65px; 	padding: 0 240px; 	background: url(http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_menu_bg.jpg) no-repeat; }  #templatemo_menu ul { 	width: 500px; 	margin: 0px; 	padding: 20px 0 0 15px; 	list-style: none; }  #templatemo_menu ul li { 	display: inline; }  #templatemo_menu ul li a { 	float: left; 	padding: 0 20px; 	text-align: center; 	font-size: 12px; 	text-align: center; 	text-decoration: none; 	color: #999999;	 	font-weight: bold; }  #templatemo_menu li a:hover, #templatemo_menu li .current { 	color: #ffffff; } /* end of menu*/  #templatemo_content_wrapper { 	clear: both; 	width: 960px; 	padding: 10px; }  .templatemo_content { 	float: left; 	width: 460px; 	padding: 20px 19px 0 19px; 	background: #1b1919; 	border: 1px solid #363434; }  .header_01 { 	padding: 0 0 5px 0; 	margin: 0 0 10px 0; 	font-size: 14px; 	font-weight: bold; 	color: #ffffff; 	/*color: #e40b0b;*/ }   .header_02 { 	padding: 0 0 5px 0; 	margin: 0 0 10px 0; 	font-size: 18px; 	font-weight: bold; 	color: #ffffff; 	/*color: #e40b0b;*/ }  .header_03 { 	padding: 0 0 5px 0; 	font-size: 12px; 	font-weight: bold; 	color: #ffffff; 	/*color: #99be29;*/	 }  .header_03 a { color: #ffffff; text-decoration: none; } .header_03 a:hover { color: #99FF00; }  .templatemo_side_bar { 	float: left; 	width: 180px; 	padding: 20px 19px 0 19px; 	background: #1b1919; 	border: 1px solid #363434;	 }  .templatemo_side_bar ul { 	margin: 0px; 	padding: 0px; }  .templatemo_side_bar ul li { 	margin: 0px; 	padding: 0 0 0 0; 	margin-bottom: 5px; 	border-left: 5px solid #000; 	list-style: none; }  .templatemo_side_bar ul li a { 	display: block; 	background: #242224; 	padding: 5px 0 5px 10px; 	color: #b5b1b1; 	text-decoration: none; }  .templatemo_side_bar ul li a:hover { 	color: #ffffff; 	background: #000; }  .templatemo_side_bar form { 	margin: 0px; 	padding: 0px; }  #search_field { 	padding: 5px 0 0 0; 	height: 20px; 	width: 175px; 	margin-bottom: 10px; }  #search_button { 	float: right; 	width: 120px;  	height: 30px; 	padding: 0; 	margin: 0; 	cursor: pointer; 	font-size: 12px; 	text-align: center; 	white-space: pre; 	background: url(http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_button_02.png) no-repeat;  	color: #000000; 	border: none; }  .content_section { 	clear: both; 	padding: 0 0 0 0; }  .content_section p span { 	color: #ffffff; }  .image_wrapper_01 { 	float: left; 	position: relative; 	margin: 3px 20px 0 0; 	background: #131212; 	padding: 4px; }  .image_wrapper_01 img { 	border: 1px solid #363434; }  .image_wrapper_02 { 	position: relative; 	margin: 0 0 10px 0; 	background: #131212; 	padding: 4px; }  .image_wrapper_02 span { 	position: absolute; 	width: 20px; 	height: 20px; 	bottom: 10px; 	right: 10px; 	background: url(images/http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_play_icon.jpg) no-repeat; }  .image_wrapper_02:hover span { 	background: url(images/http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_play_icon_hover.jpg) no-repeat; }  .image_wrapper_02 img { 	border: 1px solid #363434; }  .image_wrapper img { 	border: 1px solid #363434; }  .latest_news { 	clear: both; 	padding-bottom: 10px; }  #templatemo_footer { 	clear: both; 	width: 990px; 	height: 40px; 	margin: 0 auto; 	padding: 20px 0 0 0; 	text-align: center; 	background: url(http://www.templatemo.com/templates/templatemo_131_game/images/templatemo_footer.jpg) no-repeat; }

Tasarım (4)

Üst Tasarım Kodları

<div class="templatemo_container">          	<div id="templatemo_header">         	<div id="templatemo_menu_section">             	<ul>                 	<li><a href="#" _fcksavedurl="#" class="current">Menü</a></li> 					<li><a href="#" _fcksavedurl="#">Menü</a></li>                     <li><a href="#" _fcksavedurl="#">Menü</a></li>                     <li><a href="#" _fcksavedurl="#">Menü</a></li>                     <li><a href="#" _fcksavedurl="#">Menü</a></li>                     <li><a href="#" _fcksavedurl="#">Menü</a></li>                     <li><a href="#" _fcksavedurl="#" class="last">Menü</a></li>                  </ul>             </div>         </div>                  <div id="templatemo_content_area">         	             <div id="templatemo_left">                          	<div class="templatemo_left_section_box">                                  	<div class="templatemo_left_section_box_top">                     	<h1> Hakkında</h1>                     </div>                     <div class="templatemo_left_section_box_mid">                     	<p>Buraya Bişeyler Yazalım Bakalım </p>                     	<p>Buraya Bişeyler Yazalım Bakalım </p>                     	<h1> Arkadaşlar</h1>                       <p class="bottom_padding"><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar Blog</a></p>                       <p class="bottom_padding"><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar Blog</a> </p>                       <p class="bottom_padding"><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar Blog</a> </p>                       <p class="bottom_padding"><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar Blog</a></p>                       <h1>Başlık</h1>                         <p>                             			</p>                      </div>                     <div class="templatemo_left_section_box_bottom">                     </div>                                      </div>                              </div>                          <div id="templatemo_middle">                          	<div class="templatemo_middle_section_box">

Alt Tasarım Kodları

</div>                              </div>                          <div id="templatemo_right">                          	<div class="templatemo_right_section_box">                                  	<div class="templatemo_right_section_box_top">                     	<h1>Başlık</h1>                   </div>                     <div class="templatemo_right_section_box_mid">                     	<ul>                         	<li><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar Blog</a></li>                             <li><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar Blog</a></li>                             <li><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar Blog</a></li>                              <li><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar Blog</a></li>                              <li><a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/">Seyyar Blog</a></li>                         </ul>                     </div>                     <div class="templatemo_right_section_box_bottom">                     </div>                                      </div>                                  <div class="templatemo_right_section_box">                                  	<div class="templatemo_right_section_box_top">                     	<h1>Başlık</h1>                     </div>                     <div class="templatemo_right_section_box_mid">                     	<ul>                         	<li><a href="#" _fcksavedurl="#">Ekle</a></li>                             <li><a href="#" _fcksavedurl="#">Ekle</a></li>                             <li><a href="#" _fcksavedurl="#">Ekle</a></li>                              <li><a href="#" _fcksavedurl="#">Ekle</a></li>                              <li><a href="#" _fcksavedurl="#">Ekle</a></li>                         </ul>                     </div>                     <div class="templatemo_right_section_box_bottom">                     </div>                                      </div>                              </div>                          <div class="cleaner"></div>              	</div>          </div>          <div id="templatemo_bottom_bg">     	<div class="templatemo_container">              		<div id="templatemo_footer">             	<div class="templatemo_footer_section"> 					<a href="#" _fcksavedurl="#">Menü</a> | <a href="#" _fcksavedurl="#">Menü</a> | <a href="#" _fcksavedurl="#">Menü</a> | <a href="#" _fcksavedurl="#">Menü</a> | <a href="#" _fcksavedurl="#">Menü</a> | <a href="#" _fcksavedurl="#">Menü</a> | <a href="#" _fcksavedurl="#">Menü</a>                 </div>                 <div class="templatemo_footer_section">                 	Copyright © 2048 <a href="#" _fcksavedurl="#">Seyyar Blog</a><br /><br />                     <a href="http://www.seyyarblog.tr.gg" _fcksavedurl="http://www.seyyarblog.tr.gg" target="_parent">Tasarım Düzenleme Seyyar Blog</a> by                      <a href="http://www.seyyarblog.tr.gg" _fcksavedurl="http://www.seyyarblog.tr.gg" target="_parent">Seyyar Blog</a>                                 </div>           </div>              		</div> 	</div>

Css Kodları

table {margin-left:   auto;margin-right: auto}       <center>  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 Credit: http://www.templatemo.com */  html { 	background: #373737; }  body { 	margin: 0; 	padding:0; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	line-height: 1.5em; 	width: 100%; 	display: table; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_top_bg.jpg) #000 repeat-x; }  a:link, a:visited {	color: #fff; text-decoration: underline; } a:active, a:hover { color: #bbb; text-decoration: none; }   .templatemo_container {  	width: 950px; 	margin: auto;  }  #templatemo_header { 	 	width: 950px; 	height: 331px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_header.jpg) no-repeat; 	 }  /* Menu Section */  #templatemo_menu_section{ 	width: 950px; 	height: 35px; 	float: left;	 	margin: 295px 0 0 0; 	padding: 0;  }  #templatemo_menu_section ul { 	float: left; 	width: 920px; 	margin: 0 0 0 0; 	padding: 0; 	list-style: none; }  #templatemo_menu_section ul li { 	display: inline;	 }  #templatemo_menu_section ul li a { 	float: left; 	padding: 8px 30px 0 30px; 	margin: 0; 	height: 26px; 	font-family: Arial; 	font-size: 14px; 	font-weight: bold; 	text-align: center; 	text-decoration: none; 	color: #858585; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_menu.jpg) right bottom no-repeat; }  #templatemo_menu_section ul li a.last{ 	background: none; } #templatemo_menu_section li a:hover, #templatemo_menu_section li .current{ 	color: #fff;  }  /* End Of Menu */  #templatemo_content_area {  	width: 950px; 	margin: 0; 	padding: 0; 	 }  #templatemo_left { 	 	float: left; 	width: 220px; 	margin: 0; 	padding: 15px 0 0 0; 	 }  #templatemo_left .templatemo_left_section_box { 	 	width: 221px; 	margin: 0 0 15px 0; 	padding: 0 ; 	 }  .templatemo_left_section_box .templatemo_left_section_box_top { 	 	width: 206px; 	height: 35px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_top.jpg) no-repeat; 	margin: 0; 	padding: 13px 0 0 15px; 	 }  .templatemo_left_section_box_top h1 { 	 	height: 31px; 	font-family: Arial; 	font-size: 16px; 	color: #fff; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; 	margin: 0; 	padding: 5px 0 0 40px; }  .templatemo_left_section_box .templatemo_left_section_box_mid { 	 	width: 191px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_mid.jpg) repeat-y;	 	margin: 0; 	padding: 10px 15px 0 15px; 	 }  .templatemo_left_section_box_mid p { 	font-family: Arial; 	font-size: 12px; 	color: #fff; 	text-align: justify; 	margin: 0 0 0 0; 	padding: 0 0 10px 0;  }  .templatemo_left_section_box .bottom_padding { 	padding: 0; 	 }  .templatemo_left_section_box_mid  h1 { 	 	height: 31px; 	font-family: Arial; 	font-size: 16px; 	color: #fff; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; 	margin: 10px 0 10px 0; 	padding: 5px 0 0 40px; }  .templatemo_left_section_box .templatemo_left_section_box_bottom { 	 	width: 221px; 	height: 21px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_bottom.jpg) no-repeat; 	margin: 0; 	padding: 0; 	 }  #templatemo_middle { 	 	float: left; 	width: 455px; 	margin: 0; 	padding: 15px 15px 0 15px ;  }  #templatemo_middle .templatemo_middle_section_box { 	 	width: 455px; 	margin: 0 0 15px 0; 	padding: 0; 	 	 }  .templatemo_middle_section_box .templatemo_middle_section_box_top { 	 	width: 440px; 	height: 35px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_top.jpg) no-repeat; 	margin: 0; 	padding: 13px 0 0 15px; 	 }  .templatemo_middle_section_box_top h1 { 	 	height: 31px; 	font-family: Arial; 	font-size: 16px; 	color: #fff; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; 	margin: 0; 	padding: 5px 0 0 40px; }  .templatemo_middle_section_box  .templatemo_middle_section_box_mid { 	 	width: 425px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_mid.jpg) repeat-y; 	margin: 0; 	padding: 15px 15px 0 15px; 	 }  .templatemo_middle_section_box_mid p { 	font-family: Arial; 	font-size: 12px; 	color: #fff; 	text-align: justify; 	margin: 0 0 0 0; 	padding: 0 0 10px 0;  }  .templatemo_middle_section_box_mid img { 	 	float: left; 	margin: 0 5px 5px 0; 	padding: 0;  }  .templatemo_middle_section_box .bottom_padding { 	padding: 0; 	 }   .templatemo_middle_section_box_mid  h1 { 	 	height: 31px; 	font-family: Arial; 	font-size: 16px; 	color: #fff; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; 	margin: 10px 0 10px 0; 	padding: 5px 0 0 40px; }   .templatemo_middle_section_box  .templatemo_middle_section_box_bottom { 	 	width: 455px; 	height: 23px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_bottom.jpg) no-repeat; 	margin: 0; 	padding: 0; 	 }  #templatemo_right { 	 	float: right; 	width: 245px; 	margin: 0; 	padding: 15px 0 0 0; }  #templatemo_right .templatemo_right_section_box { 	 	width: 246px; 	margin: 0 0 15px 0; 	padding: 0 ; 	 }  .templatemo_right_section_box .templatemo_right_section_box_top { 	 	width: 231px; 	height: 35px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_top.jpg) no-repeat; 	margin: 0; 	padding: 13px 0 0 15px; 	 }   .templatemo_right_section_box_top h1 { 	 	height: 31px; 	font-family: Arial; 	font-size: 16px; 	color: #fff; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg) left no-repeat; 	margin: 0; 	padding: 5px 0 0 40px; }   .templatemo_right_section_box .templatemo_right_section_box_mid { 	 	width: 216px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_mid.jpg) repeat-y; 	margin: 0; 	padding: 15px 15px 0 15px; 	 }  .templatemo_right_section_box_mid p { 	font-family: Arial; 	font-size: 12px; 	color: #fff; 	text-align: justify; 	margin: 0 0 0 0; 	padding: 0 0 10px 0;  }  .templatemo_right_section_box_mid ul { 	list-style: none; 	margin: 0; 	padding: 0; }  .templatemo_right_section_box_mid li { 	font-family: Arial; 	font-size: 12px; 	color: #fff; 	text-align: justify; 	margin: 0 0 0 0; 	padding: 0 0 5px 0;  }  .templatemo_right_section_box .templatemo_right_section_box_bottom { 	 	width: 246px; 	height: 22px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_bottom.jpg) no-repeat; 	margin: 0; 	padding: 0; 	 }  #templatemo_bottom_bg { 	width: 100%; 	height: 200px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_bottom_bg.jpg) repeat-x; 	 } #templatemo_footer { 	 	width: 950px; 	height: 120px; 	background: url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_footer.jpg) no-repeat; 	margin: 0; 	padding: 80px 0 0 0; 	 }  #templatemo_footer .templatemo_footer_section { 	 	width: 100%; 	margin: 0 0 10px 0; 	padding: 0; 	color: #fff; 	text-align: center; 	font-size: 12px; } .cleaner { 	clear: both; 	margin: 0; 	padding: 0; 	height: 0; }

Tasarım (5)

Üst Tasarım Kodları

Alt Tasarım Kodları

<div class="clear"></div>             </div>	                          <div class="content_box">             	<h2>İçerik</h2>                 <ul class="tmo_list col_w250 float_l">                 	<li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li> 				</ul>                 <ul class="tmo_list col_w250 float_r">                 	<li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li> 				</ul>             </div> 			                  </div>                   <div id="templatemo_sidebar">                  	<div class="sidebar_box">             	<h2>Yan Sütun</h2>                 <p>İçerik</p>                 <ul class="tmo_list">                 	<li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li> 				</ul> 			</div>                          <div class="sidebar_box">             	<h2>İçerik</h2>                 <ul class="tmo_list">                 	<li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                     <li><a href="#" _fcksavedurl="#">Düzenle</a></li>                 </ul>             </div>                          <div class="sidebar_box last_box">             	<a href="#" _fcksavedurl="#"><img src="images/templatemo_banner.jpg" _fcksavedurl="images/templatemo_banner.jpg" alt="image" /></a>             </div>             <br /> 			<a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" _fcksavedurl="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>                <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" _fcksavedurl="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>                      </div>           </div>           <div id="templatemo_footer">     	Copyright © 2048 <a href="#" _fcksavedurl="#">Bu Tasarım</a> |  		<a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" target="_parent">Seyyar Blog Tarafındna Düzenlenmiştir</a> by <a href="http://www.seyyarblog.tr.gg/" _fcksavedurl="http://www.seyyarblog.tr.gg/" target="_parent">Seyyar Blog Sitesi</a>     </div>

Css Kodları

Tasarım (6)

Üst Tasarım Kodları

<div id="templatemo_top_wrapper"> 	<div id="templatemo_top"> 		<div id="templatemo_header">                          <div id="site_title"><h1><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a></h1></div>                      </div>          <div id="templatemo_middle">         	<div id="templatemo_menu">                 <ul>                     <li><a href="#" _fcksavedurl="#" class="current">Home</a></li>                     <li><a href="http://www.templatemo.com/page/1" _fcksavedurl="http://www.templatemo.com/page/1" target="_parent">Templates</a></li>                     <li><a href="http://www.templatemo.com/page/2" _fcksavedurl="http://www.templatemo.com/page/2" target="_parent">Gallery</a></li>                     <li><a href="http://www.templatemo.com/page/3" _fcksavedurl="http://www.templatemo.com/page/3" target="_parent">Blog</a></li>                     <li><a href="http://www.templatemo.com/page/4" _fcksavedurl="http://www.templatemo.com/page/4" target="_parent">About</a></li>                     <li><a href="http://www.templatemo.com/page/5" _fcksavedurl="http://www.templatemo.com/page/5" target="_parent">Contact</a></li>                 </ul>                                  <div id="search_box">                     <form action="#" method="post">                         <input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus_fckprotectedatt="%20onfocus%3D%22clearText(this)%22" onblur_fckprotectedatt="%20onblur%3D%22clearText(this)%22" />                         <input type="submit" name="Search" value="" id="searchbutton" title="Search" />                     </form>                 </div>                 <div class="cleaner"></div>             </div>                           <div id="mid_content">             	<h2>Site Hakkında</h2>             	<p>Bu Tasarımı Seyyar Blog Düzenlemiştir!!!</p>             </div>                      </div>  	</div>  </div>   <div id="templatemo_main"> 	     <div class="col_w600 float_l">     	<div class="content_box">

Alt Tasarım Kodları

<div class="cleaner"></div> 		</div>                  <div class="col_w260_l">         	<h2>İçerik</h2>             <p>Buraya Sitenizle İlgili Bilgileir Yazabilirsiniz</p>       <ul class="tmo_list">             	<li><a href="#" _fcksavedurl="#">Bağlantı</a></li>               <li><a href="#" _fcksavedurl="#">Bağlantı</a></li>               <li><a href="#" _fcksavedurl="#">Bağlantı</a></li> 		  </ul>         </div>         <div class="col_w260_r">         	<h2>İçerik 2</h2>             <p>Buraya Sitenizle İlgili Bilgileir Yazabilirsiniz<span class="news_box"> Duis dolor.</span></p> <ul class="tmo_list">             	<li><a href="#" _fcksavedurl="#">Bağlantı</a></li>                 <li><a href="#" _fcksavedurl="#">Bağlantı</a></li>               <li><a href="#" _fcksavedurl="#">Bağlantı</a></li> 		  </ul>         </div>         <div class="cleaner"></div>     </div>          <div class="col_w300 float_r">     	<h2>Yan Sütun</h2>         <p class="news_box"><a href="#" _fcksavedurl="#"><strong>Düzenlenecek</strong></a><br />       İçerik</p>       <p class="news_box"><a href="#" _fcksavedurl="#"><strong> Düzenlenecek</strong></a><br />      İçerik</p>       <p class="news_box"><a href="#" _fcksavedurl="#"><strong>Düzenlenecek</strong></a> <br /> İçerik </p>       <p class="news_box"><a href="#" _fcksavedurl="#"><strong>Düzenlenecek</strong></a><br />      İçerik</p> <div class="twit_rss">         	<a href="#" _fcksavedurl="#"><img src="images/templatemo_twitter.png" _fcksavedurl="images/templatemo_twitter.png" alt="Twitter" /></a>             <a href="#" _fcksavedurl="#"><img src="images/rss.png" _fcksavedurl="images/rss.png" alt="RSS" /></a>         </div>     </div>     <div class="cleaner"></div> </div>   <div id="templatemo_footer_wrapper_01"> 	<div id="templatemo_footer_wrapper_02">     	<div id="templatemo_footer">         	             <div class="col_w225">             	<h5>İletişim</h5>             	<div class="col_w225_content">                     Tel: 010-020-0880<br />                     Fax: 020-010-0660<br />                     Email: info [at] seyyarblog.com 				</div>             </div>                          <div class="col_w225">             	<h5>Başlık</h5>                 <div class="col_w225_content"> İçerik </div>           	</div>                        <div class="col_w225">             	<h5>Alt Bağlantılar</h5>                 <div class="col_w225_content">                 <ul class="tmo_footer_list">                 	<li><a href="http://www.seyyarblog.tr.gg" _fcksavedurl="http://www.seyyarblog.tr.gg">Bağlantı</a></li>                     <li><a href="http://www.seyyarblog.tr.gg" _fcksavedurl="http://www.seyyarblog.tr.gg">Bağlantı</a></li>                     <li><a href="http://www.seyyarblog.tr.gg" _fcksavedurl="http://www.seyyarblog.tr.gg">Bağlantı</a></li>                     <li><a href="http://www.seyyarblog.tr.gg" _fcksavedurl="http://www.seyyarblog.tr.gg">Bağlantı</a></li>                 </ul>                 </div>             </div>                          <div class="col_w225 col_last">             	<h5>Copyright</h5>                 <div class="col_w225_content">                   <div>Bu Tasarım Seyyar Blog Düzenlemesidir<br />                 </div>                 </div>             </div>                          <div class="cleaner h20"></div>                          <div align="center">                 Copyright © 2048 <a href="#" _fcksavedurl="#">Seyyar Blog</a> |                  <a href="http://www.seyyarblog.tr.gg" _fcksavedurl="http://www.seyyarblog.tr.gg" target="_parent">Seyyar Blog</a> by                  <a href="http://www.seyyarblog.tr.gg" _fcksavedurl="http://www.seyyarblog.tr.gg" target="_parent">Seyyar Blog</a>             </div>         </div>     </div>  </div>

Css Kodları

table {margin-left:   auto;margin-right: auto}       <center>  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;}     /* Credit: http://www.templatemo.com */  body { 	margin: 0; 	padding: 0; 	color: #252525; 	font-family: Tahoma, Geneva, sans-serif; 	font-size: 12px; 	line-height: 1.7em;  	background-color: #ffffff; 	background-image: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_body.jpg);  	background-repeat: repeat-x; 	background-position: top }  a, a:link, a:visited { color: #0099CC; font-weight: normal; text-decoration: none; } a:hover { color: #009900; text-decoration: underline; }  p { margin: 0 0 10px 0; padding: 0; } img { border: none; } em { color: #000; font-weight: bold; font-style: normal }  h1, h2, h3, h4, h5, h6 { color: #2c93a6; font-weight: normal; } h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0 } h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; } h3 { font-size: 22px; margin: 0 0 15px; padding: 0; } h4 { font-size: 18px; margin: 0 0 15px; padding: 0; } h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  } h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }  .cleaner { clear: both } .h10 { height: 10px } .h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px } .h60 { height: 60px }  a.more { clear: both; display: block; width: 123px; height: 39px; line-height: 39px; font-size: 11px; text-align: center; color: #333; font-weight: 700; background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_more.png) } a.more:hover { text-decoration: none; color: #000; }  .float_l { float: left } .float_r { float: right }  .image_wrapper { position: relative; display: block; width: 144px; height: 121px; } .image_wrapper img { width: 130px; height: 107px; margin: 7px } .image_wrapper span { position: absolute; top: 0; left: 0; width: 144px; height: 121px; background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_image_frame.png) no-repeat } .image_fl { float: left; margin: 3px 15px 0 0 } .image_fr { float: right; margin: 3px 0 0 15px }  .tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none } .tmo_list li { margin: 0; padding: 0 0 0 30px; background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_list.png) no-repeat scroll 0 7px  }  /* ------------------ */  #templatemo_top_wrapper { 	width: 100%; 	background:  none no-repeat top }  #templatemo_top {  	width: 964px; 	height: 520px; 	margin: 0 auto; 	background:  none no-repeat top }  #templatemo_header { 	width: 964px; 	padding: 30px 0 }  #site_title { margin: 0 auto } #site_title h1 { margin: 0; padding: 0 } #site_title h1 a { display: block; margin: 0 auto; width: 233px; height: 68px; color: #fff; text-indent: -10000px; background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_logo.png) no-repeat }  #templatemo_middle { 	clear: both; 	width: 964px; 	height: 330px; 	background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_banner.png) no-repeat }  /* menu */ #templatemo_menu { 	width: 860px; 	height: 33px; 	padding: 8px 52px; }  #templatemo_menu ul { 	display: block; 	float: left; 	margin: 2px 0 0; 	padding: 0; 	list-style: none; }  #templatemo_menu ul li { 	padding: 0; 	margin: 0; 	display: inline; }  #templatemo_menu ul li a { 	float: left; 	display: block; 	width: 80px; 	height: 27px; 	padding: 3px 0 0; 	margin-left: 1px; 	font-size: 12px; 	text-align: center; 	text-decoration: none; 	color: #333;	 	font-weight: 700; 	outline: none; }  #templatemo_menu ul li a:hover, #templatemo_menu ul li .current { 	color: #000; 	background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_mouse_hover.png) center no-repeat }  #search_box { float: right; width: 245px; padding-left: 2px; height: 33px; background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_search.png)  left bottom no-repeat } #search_box form { clear: both; width: 247px; height: 33px; padding: 0; margin: 0 }  #searchfield { display: block; float: left; font-size: 14px; height: 25px; width: 190px; padding: 3px 6px; font-size: 12px; color: #777; line-height: 0; background: none; border: none; margin-right: 10px; }  #searchbutton { height: 33px; width: 35px; padding: 0; margin: 0; cursor: pointer; background: none; border: none; }  #mid_content { 	float: right; 	margin: 40px 30px 0 0; 	width: 350px; 	height: 95px; 	padding: 30px; }  #mid_content h2 { color: #000 } /* end of menu */  #templatemo_main { 	clear: both; 	width: 960px; 	padding: 30px 0; 	margin: 0 auto }  .col_w960 {clear: both; width: 960px; padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #ccc } .col_w960_last { margin: 0; border: 0 } .col_w600 { width: 600px } .col_w450 { width: 450px } .col_w300 { width: 300px } .col_w260_r { float: right; width: 280px } .col_w260_l { float: left; width: 250px; padding-right: 30px; border-right: 1px solid #ccc } .col_allw300 { width: 300px; float: left; margin-right: 30px } .col_w225 { float: left; width: 225px; margin-right: 20px; } .col_w225_content { padding: 0 20px } .col_last { margin: 0 }  .content_box { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc }  p.news_box { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #666 }  .twit_rss a { margin-right: 40px }  #templatemo_footer_wrapper_01 { 	width: 100%; 	background: #1c668b url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_footer_wrapper.jpg) repeat-x bottom; }  #templatemo_footer_wrapper_02 { 	width: 100%; 	background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_footer.jpg) no-repeat bottom center }  #templatemo_footer { 	width: 960px; 	padding: 30px 0 50px; 	margin: 0 auto; 	color: #fff; 	background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_footer.jpg) no-repeat bottom center }  #templatemo_footer a { color: #fff; text-decoration: underline } #templatemo_footer a:hover { color: #33FFFF; }  .tmo_footer_list { margin: 0; padding: 0; list-style: none } .tmo_footer_list li { margin: 0; padding: 0 0 0 30px; background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_footer_list.png) no-repeat scroll 0 7px  } .tmo_footer_list li a { color: #fff; text-decoration: underline }  #templatemo_footer h5 { display: block; width: 205px; height: 35px; line-height: 35px; padding-left: 20px; color: #fff; background: url(http://www.templatemo.com/templates/templatemo_270_holiday/images/templatemo_footer_header.png) no-repeat }

Tasarım (7)

Üst Tasarım Kodları

<div id="templatemo_site_title_bar_wrapper"> 	<div id="templatemo_site_title_bar">     	         <div id="site_title">             <h1><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">             <img src="images/logo.png" _fcksavedurl="images/logo.png" alt="Seyyar Blog" />                          </a></h1>         </div>          </div>  </div>   <div id="templatemo_menu_wrapper"> 	<div id="templatemo_menu">    		<ul>             <li><a href="index.html" _fcksavedurl="index.html" class="current">Menü</a></li>             <li><a href="subpage.html" _fcksavedurl="subpage.html">Menü</a></li>             <li><a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Menü</a></li>             <li><a href="http://www.koflash.com" _fcksavedurl="http://www.koflash.com" target="_blank">Menü</a></li>             <li><a href="#" _fcksavedurl="#" class="last">Menü</a></li>         </ul>               </div>  </div>  <div id="templatemo_content_outter_wrapper"> <div id="templatemo_content_inner_wrapper">  	<div id="templatemo_content_wrapper"> 	<div id="templatemo_content">          	<div id="sidebar">                 	  <div class="sidebar_section">                  <h2>Kategori</h2>               <ul class="category_list">                   <li><a href="index.html" _fcksavedurl="index.html">Menü</a></li>                   <li><a href="subpage.html" _fcksavedurl="subpage.html">Menü</a></li>                   <li><a href="index.html" _fcksavedurl="index.html">Menü</a></li>                   <li><a href="subpage.html" _fcksavedurl="subpage.html">Menü</a></li>                   <li><a href="#" _fcksavedurl="#">Menü</a></li>                   <li><a href="#" _fcksavedurl="#">Menü</a></li>                   <li><a href="#" _fcksavedurl="#">Menü</a></li>                   <li><a href="#" _fcksavedurl="#">Menü</a></li>                   <li><a href="#" _fcksavedurl="#">Menü</a></li>                   <li><a href="#" _fcksavedurl="#">Menü</a></li>               </ul> 			</div>                            <div class="sidebar_section">             	                 <h2>Arama</h2>                 <div id="search_box">                     <form action="#" method="get">                     <input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus_fckprotectedatt="%20onfocus%3D%22clearText(this)%22" onblur_fckprotectedatt="%20onblur%3D%22clearText(this)%22" />                     <input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />                     </form>                 </div>  			</div>                              	<div class="cleaner"></div>                      </div>                   <div id="content_column">                                <div class="section_w500">

Alt Tasarım Kodları

Css Kodları

table {margin-left:   auto;margin-right: auto}       <center>  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 Credit: http://www.templatemo.com */  body { 	margin: 0; 	padding: 0; 	line-height: 1.7em; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 11px; 	color: #666666;     background: #ffffff url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_body_top.jpg) repeat-x; } 		 a:link, a:visited { color: #000000; text-decoration: none; font-weight: bold; }  a:active, a:hover { color: #000000; text-decoration: none; }  p { margin: 0px; padding: 0px; }  img { margin: 0px; padding: 0px; border: none; }  .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }  .cleaner_h10 { clear: both; width:100%; height: 10px; } .cleaner_h20 { clear: both; width:100%; height: 20px; } .cleaner_h30 { clear: both; width:100%; height: 30px; } .cleaner_h40 { clear: both; width:100%; height: 40px; } .cleaner_h50 { clear: both; width:100%; height: 50px; } .cleaner_h60 { clear: both; width:100%; height: 60px; }  .button_01 a { 	display: block; 	width: 122px; 	height: 24px;	 	padding: 5px 0 0 0; 	color: #FFF; 	font-size: 12px; 	font-weight: bold; 	text-align: center; 	text-decoration: none; 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_button.jpg) no-repeat; }  h1 { 	margin: 0px; 	padding: 2px 0; 	font-size: 30px; 	font-weight: bold; }  h2 { 	margin: 0 0 10px 0; 	padding: 10px 0; 	font-size: 30px; 	font-weight: normal; 	color: #d77905; }  h3 { 	margin: 0 0 10px 0; 	padding: 0px; 	font-size: 20px; 	font-weight: bold; 	color: #808e04; }  .image_wrapper { 	margin-top: 3px; 	margin-bottom: 5px; 	border: 5px solid #e8e8e8; 	padding: 1px; 	background: #fff; }  .fl_image { 	float: left; 	margin-right: 30px ; }  .fr_image { 	float: right; 	margin-left: 20px ; }  .fl { float: left; } .fr { float: right; }  .margin_r40 { margin-right: 40px; }  .margin_r_20 { margin-right: 20px; }  .margin_r_80 { margin-right: 80px; }  #templatemo_site_title_bar_wrapper { 	width: 100%; 	height: 210px; 	margin: 0 auto;	 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_header.jpg) no-repeat center top; }  #templatemo_site_title_bar { 	width: 900px; 	height: 210px; 	margin: 0 auto; 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_header.jpg) no-repeat center top;	 }  #templatemo_site_title_bar  #site_title { 	float: left; 	width: 400px; 	padding: 50px 10px 0 200px; 	overflow: hidden; }  #site_title h1 { 	margin: 0; 	padding: 0; }  #site_title h1 a { 	margin: 0px; 	padding: 0px; 	font-size: 30px; 	color: #ffffff; 	font-weight: bold; 	text-decoration: none; }  #site_title h1 a:hover { 	font-weight: bold;	 	text-decoration: none; }  #site_title h1 a span { 	display: block; 	margin-top: 10px; 	margin-left: 5px; 	font-size: 12px; 	color: #999; 	font-weight: normal; 	letter-spacing: 2px; }  #templatemo_menu_wrapper { 	width: 100%; 	height: 80px; 	margin: 0 auto;	 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_menu_bar.jpg) no-repeat center top; }  #templatemo_menu { 	width: 900px; 	height: 80px; 	margin: 0 auto; 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_menu_bar.jpg) no-repeat center top;	 }  #templatemo_menu ul { 	float: left; 	margin: 0px; 	padding: 30px 0 0 150px; 	list-style: none; }  #templatemo_menu ul li { 	padding: 0px; 	margin: 0px; 	display: inline; }  #templatemo_menu ul li a { 	position: relative; 	float: left; 	display: block; 	width: 115px; 	height: 30px; 	padding: 5px 0 0 0; 	margin-right: 10px; 	text-align: center; 	font-size: 16px; 	font-family: Georgia, "Times New Roman", Times, serif; 	text-decoration: none; 	color: #eee901;	 	font-weight: bold; 	outline: none; 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_menu_item.png) no-repeat; }  #templatemo_menu li a:hover, #templatemo_menu li .current { 	color: #FFF; }  #templatemo_content_outter_wrapper { 	width: 100%; 	margin: 0 auto;	 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_content_middle.png) repeat-y center; }  #templatemo_content_inner_wrapper { 	width: 100%; 	margin: 0 auto;	 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_content_bottom.jpg) center bottom no-repeat; }  #templatemo_content_wrapper { 	width: 100%; 	margin: 0 auto;     background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_content_top.jpg) no-repeat center top; }  #templatemo_content { 	width: 760px; 	margin: 0 auto; 	padding: 80px 70px;     background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_content_top.jpg) no-repeat center top; }  #templatemo_content #sidebar { 	float: left; 	width: 180px; 	padding-right: 30px; 	border-right: 1px  dotted #666; 	padding-bottom: 300px; }  #templatemo_content #content_column { 	float: right; 	width: 500px; }  #templatemo_content #sidebar .sidebar_section { 	padding-bottom: 30px; 	margin-bottom: 30px; 	border-bottom: 1px dotted #666; }  #templatemo_content #sidebar h2 { 	font-size: 22px; }  #templatemo_content #sidebar .category_list { 	margin: 0; 	padding: 0; 	list-style: none; }  #templatemo_content #sidebar .category_list li { 	margin: 0; 	padding: 10px 0; }  #templatemo_content #sidebar .category_list li a { 	display: block; 	padding: 0 0 0 30px; 	font-size: 11px; 	font-weight: bold; 	color: #609142; 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_list.jpg) no-repeat center left; }  #templatemo_content #sidebar .category_list li a:hover { 	color: #d77905; }  #search_box { 	width: 180px; 	background: url(images/templatemo_search.png) no-repeat; }  #search_box form { 	width: 180px; 	margin: 0; 	padding: 0; }  #searchfield { 	height: 20px; 	width: 180px; 	margin-bottom: 10px; 	color: #333; 	font-size: 12px; 	font-variant: normal; 	line-height: normal; }  #searchbutton { 	float: right; 	cursor: pointer; 	font-size: 12px; 	text-align: center; 	vertical-align: bottom; 	white-space: pre; }  .section_w500 { 	margin-bottom: 30px; 	padding-bottom: 20px; 	border-bottom: 1px dotted  #666; }  .section_w500 h2 { 	margin-bottom: 20px; 	 }  .section_w500 p { 	margin-bottom: 10px; }  .section_w500 .em_text { 	color: #333; }  .services { 	margin: 30px 0; 	padding: 0; 	list-style: none; }  .services li { 	margin: 0; 	padding: 0 0 10px 30px; 	font-size: 11px; 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_gallery_list.jpg) no-repeat top left; }  .gallery { 	margin: 0px; 	padding: 0px; 	list-style: none; }  .gallery li { 	float: left; 	width: 100px; 	margin-right: 20px; 	margin-bottom: 20px; }  .gallery li img { 	margin-bottom: 5px; }  #templatemo_footer_wrapper { 	width: 100%; 	height: 145px; 	margin: 0 auto;	 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_footer.jpg) no-repeat top center; }  #templatemo_footer { 	width: 820px; 	height: 65px; 	margin: 0 auto; 	padding: 40px; 	color: #ffffff; 	text-align: center; 	background: url(http://www.templatemo.com/templates/templatemo_169_garden/images/templatemo_footer.jpg) no-repeat top center; }  #templatemo_footer a { 	font-weight: bold; 	color: #FFF; }

7 adet css tasarım

Kategoriler

Duyurular

seyyarblog

7 adet css tasarım

E-Posta Aboneliği

Kategoriler

Duyurular

Araç Gereç