YsNByKnL - v2 tasarim

Kodları kopyalamak için CTRL+C tuş ikilisini kulanabilirsiniz.

TASARIM ÜSTÜ

<div id="templatemo"> <div id="templatemo_menu"> <ul>     <li style="text-align: left"><a class="current" href="ana-sayfa.htm" _fcksavedurl="ana-sayfa.htm">Ana Sayfa</a></li>     <li style="text-align: left"><a href="http://ysnbyknl.tr.gg/blog.htm" _fcksavedurl="http://ysnbyknl.tr.gg/blog.htm">Blog</a></li>     <li style="text-align: left"><a href="http://ysnbyknl.tr.gg/defter.htm" _fcksavedurl="http://ysnbyknl.tr.gg/defter.htm">Defter</a></li>     <li style="text-align: left"><a href="hakkimda.htm" _fcksavedurl="hakkimda.htm">Hakkımda</a></li>     <li class="last" style="text-align: left"><a href="http://ysnbyknl.tr.gg/iletisim.htm" _fcksavedurl="http://ysnbyknl.tr.gg/iletisim.htm">İletişim</a></li> </ul> </div> <div style="text-align: left"></div> <div id="templatemo_header"> <div id="site_title"> <h1><a href="#templatemo" _fcksavedurl="#templatemo">Herşeyden bir tutam...</a></h1> </div> <div id="social"><a target="new" href="http://www.facebook.com/share.php?u=http://ysnbyknl.tr.gg/" _fcksavedurl="http://www.facebook.com/share.php?u=http://ysnbyknl.tr.gg/"><img border="0" alt="" width="50" height="50" src="https://img.webme.com/pic/y/ysnbyknl/facebook-logo-square.png" _fcksavedurl="https://img.webme.com/pic/y/ysnbyknl/facebook-logo-square.png" /></a> <a class="twitter-share-button" data-count="none" href="http://twitter.com/share?url=http://ysnbyknl.tr.gg" _fcksavedurl="http://twitter.com/share?url=http://ysnbyknl.tr.gg"><img alt="twitter" width="50" height="50" src="https://img.webme.com/pic/y/ysnbyknl/twitter-logo-square.png" _fcksavedurl="https://img.webme.com/pic/y/ysnbyknl/twitter-logo-square.png" /></a> <a href="javascript:window.external.AddFavorite('http://ysnbyknl.tr.gg/','YsNByKnL')" _fcksavedurl="javascript:window.external.AddFavorite('http://ysnbyknl.tr.gg/','YsNByKnL')"><img alt="sık kullanılanlara ekle" width="50" height="50" src="https://img.webme.com/pic/y/ysnbyknl/1299143104_diglog-square.png" _fcksavedurl="https://img.webme.com/pic/y/ysnbyknl/1299143104_diglog-square.png" /></a><br /> <div id="clock">3 Temmuz 2010 | 13:21:08</div> <script type="text/javascript"> 
function refrClock() 
{ 
var d=new Date(); 
var s=d.getSeconds(); 
var m=d.getMinutes(); 
var h=d.getHours(); 
var day=d.getDay(); 
var date=d.getDate(); 
var month=d.getMonth(); 
var year=d.getFullYear(); 
var days=new Array("","","","","","",""); 
var months=new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylul","Ekim","Kasım","Aralık");
if (s<10) {s="0" + s} 
if (m<10) {m="0" + m} 
document.getElementById("clock").innerHTML=days[day] + "   " + date + " " + months[month] + " " + year + " | " + h + ":" + m + ":" + s + " "
setTimeout("refrClock()",1000); 
} 
refrClock(); 
</script></div> </div> <div style="text-align: left"></div> <div id="templatemo_main"> <div class="cbox_fw"><strong><span style="font-size: medium">»</span>Bugün: </strong>21 <strong><span style="font-size: medium">»</span></strong><strong>Çevrimiçi: </strong><script src="http://fastonlineusers.com/online.php?d=http://www.ysnbyknl.tr.gg" type="text/javascript"></script><strong><span style="font-size: medium">»</span></strong><strong>Tıklanma: </strong>23 <strong><span style="font-size: medium">»</span></strong><strong>Buradasın: </strong>v2 tasarim <div class="cleaner"> </div> </div> <div id="sidebar"> <div id="nne"> <h3>kategori1</h3> <ul class="nne_box">     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU1</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU2</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU3</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU4</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU5</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU6</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU7</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU8</a></li> </ul> <h3>kategori2</h3> <ul class="nne_box">     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU1</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU2</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU3</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU4</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU5</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU6</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU7</a></li>     <li><a href="LİNKEKLE" _fcksavedurl="LİNKEKLE">KONU8</a></li> </ul> </div> </div> <div id="content">

TASARIM ALTI

CSS

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;} body { 	margin: 0; 	padding: 0; 	color: #8e7555; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 12px; 	line-height: 1.6em;  	letter-spacing: 1px; 	background-color: #000000; }  a, a:link, a:visited { color: #770726; font-weight: normal; text-decoration: none } a:hover { color: #660; text-decoration: underline; }  a.more { display: block; color: #770726; text-align: center; text-decoration: underline } a.more span { font-size: 14px; letter-spacing: -3px; } a.more:hover { color: #660; text-decoration: none }   p { margin: 0 0 10px 0; padding: 0; } img { border: none; } blockquote { font-style: italic; margin: 0 0 0 10px;} cite { font-weight: bold; color: #c63a03; } cite a, cite a:link, cite a:visited  { font-weight: bold; color:#c63a03; } cite span { font-weight: 400; color: #8e7555; } em { color: #c63a03; }  h1, h2, h3, h4, h5, h6 { color: #62260e; font-weight: normal; } h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 } h2 { font-size: 34px; margin: 0 0 25px; padding: 5px 0; } h3 { font-size: 24px; margin: 0 0 20px; padding: 0; } h4 { font-size: 20px; margin: 0 0 15px; padding: 0; } h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  } h6 { font-size: 12px; 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 }  .float_l { float: left } .float_r { float: right }  .image_frame { display: inline-block; border: 5px solid #a38d68 } .image_fl { float: left; margin: 3px 20px 10px 0 } .image_fr { float: right; margin: 3px 0 0 20px }  .tmo_list { list-style: disc; padding: 0 0 0 15px } .tmo_list li { color:#c63a03; margin-bottom: 8px } .tmo_list li a { color: #c63a03; font-weight: normal; text-decoration: none } .tmo_list li a:hover { text-decoration: underline }  .link_list { list-style: none; padding: 0} .link_list li { color:#c63a03; margin-bottom: 8px; border-bottom: 1px dashed #726e6e} .link_list li a { color: #c63a03; font-weight: normal; text-decoration: none;  } .link_list li a:hover { text-decoration: underline }  #templatemo { 	position: relative; 	width: 966px; 	margin: 0 auto; } .bg_top { position: absolute; top: 0; left: -120px; width: 1200px; height: 570px; background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_bg_top.png) no-repeat; z-index: -1000 }  .bg_bottom { position: absolute; bottom: 0; left: -120px; width: 1200px; height: 270px; background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_bg_bottom.png) no-repeat; z-index: -1200 }  /* menu */  #templatemo_menu { 	float: right; 	width: 966px; 	height: 75px; 	margin-top: 40px; 	margin-bottom: 20px; 	background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_menu.png) no-repeat }  #templatemo_menu ul { 	margin: 0; 	padding: 0 40px; 	list-style: none; }  #templatemo_menu ul li { 	padding: 0; 	margin: 0; 	display: block; 	float: left; 	width: 164px; 	height: 75px; 	background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_menu_divider.png) center right no-repeat }  #templatemo_menu ul li a { 	float: left; 	display: block; 	width: 160px; 	height: 75px; 	line-height: 75px; 	padding-right: 4px; 	font-size: 16px; 	font-style: italic; 	color: #62260e; 	text-align: center; 	text-decoration: none; 	font-weight: 700; 	outline: none; 	border: none; 	 }  #templatemo_menu ul li a:hover, #templatemo_menu ul .current { 	background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_menu_hover.png) center center no-repeat }  #templatemo_menu .last { background: none }  /* header */ #templatemo_header { 	clear: both; 	width: 966px; 	height: 120px; 	background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_header.png) no-repeat center top }  #site_title { float: left; width: 400px; margin: 60px 0 0 40px; } #site_title h1 { margin: 0; padding: 0 } #site_title h1 a { display: block; width: 334px; padding: 70px 0 0 0;  background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_logo.png) no-repeat left top; font-size: 18px; color: #88553a; }  #social { float: right; margin: 60px 40px 0 0 } #social a { float: left; margin-left: 10px }   #templatemo_main { 	width: 900px; 	padding: 33px 33px 0; 	background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_main.png) repeat-y }  #templatemo_main_bottom { 	width: 966px; 	height: 143px; 	background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_main_bottom.png) no-repeat }  #sidebar {  	float: left; 	width: 200px; }  #content { 	float: right; 	width: 660px; }  .cbox_fw { 	clear: both; 	padding-bottom: 40px; 	margin-bottom: 20px; 	background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_hr2.png) no-repeat bottom center }  .cbox_fws { 	clear: both; 	padding-bottom: 40px; 	margin-bottom: 20px; 	background: url(https://img.webme.com/pic/y/ysnbyknl/templatemo_hr1.png) no-repeat bottom center }  .cbox_last { 	padding: 0; margin: 0; background: none; }  .cbox_w280 { width: 280px; margin-bottom: 5px; } .cbox_w280 img { margin-bottom: 5px}  #nne { 	margin-bottom: 40px; } #nne h3 { padding-bottom: 20px; border-bottom: 1px solid #5f2712 }  ul.nne_box { padding: 0; margin: 0; list-style: none } ul.nne_box li { border-left: 5px solid #8e7555; padding: 0 0 0 20px; margin: 0 0 20px 0 } ul.nne_box li span { display: block; color: #850d2f; } ul.nne_box li a { color: #8e7555 }  ul.photo_gallery { padding: 0; margin: 0; list-style: none } ul.photo_gallery li { padding: 0; margin: 0 5px 15px 0; display: block; float: left; } ul.photo_gallery .rmp { margin: 0 0 15px }    /* footer */ #templatemo_footer{ 	clear: both; 	width: 900px; 	padding: 0 33px 20px;	 	color: #999494; 	text-align: center; }  #templatemo_footer a {  	color: #999494; }