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"><!-- end of menu --></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"><!-- end of header --></div> <div id="templatemo_main"> <div class="cbox_fw"><strong><span style="font-size: medium">»</span>Bugün: </strong>43 <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>53 <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
</div> <div class="cleaner"> </div> </div> <div style="text-align: left"><!-- end of main --></div> <div id="templatemo_main_bottom"> </div> <div id="templatemo_footer"> <div style="text-align: left">Copyright © 2011 <a href="#templatemo" _fcksavedurl="#templatemo">Bazı Hakları saklıdır. </a>| düzenleme <a target="_parent" href="http://ysnbyknl.tr.gg/hakkimda.htm" _fcksavedurl="http://ysnbyknl.tr.gg/hakkimda.htm">YsNByKnL</a></div> <div class="cleaner"> </div> </div> </div> <div style="text-align: left"><!-- end of wrapper --> <link rel="stylesheet" type="text/css" href="http://img50.xooimage.com/files/e/c/c/smileottt-25af011.css" />
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; }