Css Tasarım Furyası - WorDPresS TASARIM

CSS WORDPRESS TASARIMI

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:
<div id="container"> <div id="header"> <h1>Your web site search engine see this</h1> <h2>KODSİSTEMİ </h2></a> </h2>KODSİSTEMİ</h2> </div> <div id="wrapper"> <div id="content">

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:
</div>  </div>  <div id="left"> <div id="sidebar"> <ul> <li><a href="http://kodsistemi.tr.gg/">Anasayfa </a></li> <li><a href="http://kodsistemi.tr.gg/">Link bir </a></li> <li><a href="#">Link iki </a></li> <li><a href="#">Link üç </a></li> <li><a href="#">Link dört </a></li> <li><a href="#">Link 5 </a></li> <li><a href="#">Link 6 </a></li> <li><a href="#">Link 7 </a></li> <li><a href="#">Link 8 </a></li> <li><a href="#">Link 9 </a></li> <li><a href="http://www.kodsistemi.tr.gg">Link 10 </a></li> <li><a href="#">Link 11 </a></li> <li><a href="#">Link 12 </a></li> <li><a href="#">Link 13 </a></li> <li><a href="#">Link 14 </a></li> <li><a href="#">Link 15 </a></li> <li><a href="http://www.kodsistemi.tr.gg">Link 16 </a></li> <li><a href="http://www.kodsistemi.tr.gg">Link 17 </a></li> <li><a href="#">Link 18 </a></li></ul> </div>  </div>  <div id="right"> <div class="rightbox"> <h2>KODSİSTEMİ</h2> <p>Bu bölüme resim, ilan, kayan haber ve benzeri değişik istediğiniz şekilde şeyler ekleyebilir, veya site içeriğine ait kolay bir menü de yapabilirsiniz. Ebatları bu bölüme göre ayarlayabileceğiniz her türlü kod olur.(www.kodsistemi.tr.gg)</p> </div> <br /> <div class="rightbox"> <h2>KODSİSTEMİ</h2> <p><i>www.kodsistemi.tr.gg</i></p> <p><b>Bu bölümü de yine istediğiniz gibi düzenleyebilirsiniz<br /> <a href="http://kodsistemi.tr.gg/">Menü-resim-kayan yazı-reklam-ilan</a></p> <br /> <p><i>www.kodsistemi.tr.gg</i></p> <p><b>Lorem ipsum dolor sit amet</b> consectetuer adipiscing elit.<br /> <a href="http://kodsistemi.tr.gg/">Menü-resim-kayan yazı-reklam-ilan</a></p> </div>  </div> <div id="footer"> <a href="http://validator.w3.org/">Valid CSS</a> :: <a href="http://kodsistemi.tr.gg/">Valid XHTML</a> Copyright © 2007 by Free CSS Templates and Layouts :: Designed by: <a href="http://www.kodsistemi.tr.gg"title="free css templates and layouts">GET FREE CSS WEB SITE DESIGN</a> </div> </div>

CSS KODU BÖLÜMÜNE
KOD:
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;} html, body { margin : 0; } #container { width : 100%; margin : 0 auto; } #header { width : 100%; height : 100px; background : url(http://img509.imageshack.us/img509/431/kodsistemitrggheaderal2.jpg) repeat-x 0% 0%; } #header h2 { font-size : 24px; margin-top : 15px; margin-left : 15px; font-family : "arial", helvetica, sans-serif; color : #9e9e9e; } #wrapper { float : left; width : 100%; margin-bottom : 20px; } #content { margin : 0 20%; } #left { float : left; width : 15%; margin-left : -100%; } #right { float : left; width : 15%; margin-left : -16%; } #footer { clear : both; border-top : 1px solid #cecece; text-align : center; padding : 5px 10px; color : #fff; background-image : url(http://www.opendesigns.org/designs/515/footerbg2.jpg); font-family : "arial", helvetica, sans-serif; font-size : 0.7em; background-repeat : repeat-x; } #sidebar { border-bottom : 1px solid #cecece; } #sidebar ul { margin : 0; padding : 0; list-style : none; font-family : "arial", helvetica, sans-serif; } #sidebar li a { display : block; font-weight : bold; font-size : 0.9em; color : #666666; border-right : 1px solid #999999; text-decoration : none; padding : 7px 0 4px 20px; background-image : url(http://www.opendesigns.org/designs/515/menubg.jpg); } #sidebar li a:hover { color : orange; background-image : url(http://www.opendesigns.org/designs/515/menubg2.jpg); } #sidebar p { font-family : "arial", helvetica, sans-serif; } #leftbox { margin-top : 20px; border : 1px solid #999999; background-image : url(http://www.opendesigns.org/designs/515/rbbg.jpg); background-repeat : no-repeat; background-position : top 0%; } #leftbox p { margin-top : 0; } #leftbox h2 { font-family : "arial", helvetica, sans-serif; font-size : 1em; margin-top : 5px; margin-left : 5px; color : #999999; } .rightbox { border : 1px solid #999999; background-image : url(http://www.opendesigns.org/designs/515/lbbg.jpg); background-repeat : no-repeat; background-position : top 0%; } .rightbox p { margin-top : 0; } .rightbox h2 { font-family : "arial", helvetica, sans-serif; font-size : 1em; margin-top : 5px; margin-left : 5px; color : #999999; } p { padding : 10px; margin : 0; font-family : "arial", helvetica, sans-serif; font-size : 12px; text-align : justify; } img { border : 0; } h1 { display : none; } a { color : #84d5fa; text-decoration : none; } a:hover { color : orange; } ul { list-style-type : none; } blockquote { font-family : cursive; color : #000000; border : 1px solid #999999; text-align : justify; background-image : url(http://www.opendesigns.org/designs/515/bqbg.jpg); background-repeat : repeat-x; }