TÜM HTML KODLARI BURADA

Tasarımın Üstüne
<div id="wrapper">  <div id="header"> <h1>CssTaSaRiMi</h1> <p> Design By CssTaSaRiMi</p> </div>   <div id="page"> 

Tasarımın Altına
 <div id="sidebar"> <ul> <li> <h2>Menü</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretçilerim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Topliste</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Forum</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İce Blue</a> (23)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css</a> (30)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Php</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Asp</a> (30)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Xhtml</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Html</a> (28)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">xml</a> (31)</li> </ul> </li> </ul> </div>  </div> </div>  <div id="footer"> <p>©2008 Tüm Hakkı Saklıdır; Design by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a> • Icons by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div>

CSS Koduna
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: Unnamed Theme URI: http://www.freewpthemes.net/preview/unnamed Description: Widget ready and tested on WP 2.2+. Version: 2.0 Author: Free WordPress Themes Author URI: http://www.freewpthemes.net/ */ body { margin-top: 30px; padding: 0; background: #000000; font-size: 13px; text-align: justify; color: #ADADAD; } body, th, td, input, textarea, select, option { font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #819CDB; } h1 { font-size: 36px; } h2 { font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; } a { color: #FFFFFF; } a:hover { color: #FFFFFF; } hr { display: none; } /* Header */ #header { width: 800px; height: 143px; margin: 0 auto; padding-bottom: 30px; background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img01.jpg) no-repeat left top; } #header h1, #header p { float: left; margin: 0; padding: 50px 0 0 20px; font-family: Georgia, "Times New Roman", Times, serif; } #header h1 { color: #FFB71C; font-size: 44px; } #header p { padding: 65px 0 0 10px; font-size: 16px; color: #FFFFFF; } #header a { text-decoration: none; color: #FFB71C; } /* Page */ #page { width: 800px; margin: 0 auto; } /* Content */ #content { float: right; width: 480px; margin: 0; margin-bottom: 30px; } .post { padding: 0px 0px 0 0px; } .title { margin: 0; padding-bottom: 5px; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; } .title a { text-decoration: none; color: #FFFFFF; } .pagetitle { border-bottom: 2px solid #0F0F0F; } .byline { margin: 0; color: #646464; } .meta { text-align: left; color: #646464; padding: 10px 10px; margin: 30px 0; background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg) repeat-x left top; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .meta .more { background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 45%; padding-left: 10px; } .meta .comments { background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 45%; padding-left: 10px; } .meta a { } .navigation { } .alignleft { float: left; } .alignright { float: right; } .posts { margin: 0; padding: 0; list-style: none; line-height: normal; } .posts li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #0F0F0F; } .posts h3 { margin: 0; font-weight: bold; } .posts p { margin: 0; line-height: normal; } .posts a { } /* Sidebar */ #sidebar { float: left; width: 260px; } #sidebar ul { margin: 0; padding: 0 0 20px 0; list-style: none; } #sidebar li { } #sidebar li ul { padding: 0px 21px 20px 10px; } #sidebar li li { border-bottom: 1px dotted #363B3F; background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 40%; padding: 0 0 10px 15px; } #sidebar h2 { margin: 0; height: 35px; padding: 8px 0px 10px 13px; background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg) repeat-x left top; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #FFFFFF; } #sidebar h2 a { background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat left 50%; } #sidebar a { } #sidebar a:hover { text-decoration: none; } /* Search */ #search input { display: none; } #search input#s { display: block; width: 230px; padding: 2px 5px; border: 1px solid #3DD1FF; background: #FFFFFF url(images/img05.gif) repeat-x; } #search br { display: none; } /* Calendar */ #calendar { } #calendar h2 { margin-bottom: 15px; } #calendar table { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { width: 100%; text-align: center; } #next { text-align: right; } #prev { text-align: left; } /* Footer */ #footer { clear: both; height: 136px; width: 800px; margin: 0 auto; border-top: 10px solid #1E2223; text-align: center; font-size: smaller; font-family: Arial, Helvetica, sans-serif; color: #646464; } #footer p { padding-top: 40px; text-transform: uppercase; } #footer p a { color: #FFFFFF; }