Tasarım Üstüne
<div id="menu"> <ul> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="1" title="">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="2" title="">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="3" title="">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="4" title="">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="5" title="">Sayfa Adi</a></li> </ul> </div> <div id="header"> <h1>Site Adi</h1> <h2>Site Slogani</h2> </div> <div id="wrapper"> <div id="conntent"> <div id="posts"> <div class="post"> <h2 class="title"></h2> <div class="story"> Tasarım Altına </div> <div class="meta"> <p class="date"></p> </div> </div> </div> <div id="links"> <ul> <li> <h2>Menu Adi</h2> <ul> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> </ul> </li> <li> <h2>Menu Adi</h2> <ul> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> </ul> </li> <li> <h2>Menu Adi</h2> <ul> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> </ul> </li> </ul> </div> <div style="clear: both;"> </div> </div> </div> <div id="footer"> <p id="legal">Copyright © 2008. Designed by <a href="http://www.csstasarimi.tr.gg" _fcksavedurl="http://www.csstasarimi.tr.gg">Tasarimciamca</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;} body { margin: 0; padding: 0; background: #749865 url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img01.gif) repeat-x; font: normal small Arial, Helvetica, sans-serif; line-height: 1.8em; color: #838B91; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #468259; } h2 { padding-left: 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img07.gif) no-repeat left center; font-size: 22px; } h3 { margin-bottom: 1em; text-transform: uppercase; letter-spacing: 2px; font-size: .9em; font-weight: bold; } p, blockquote, ul, ol { margin-top: 0; } blockquote { padding: 0 0 0 40px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img11.gif) no-repeat; font: italic small Georgia, "Times New Roman", Times, serif; line-height: 1.6em; } a { background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img03.gif) repeat-x left bottom; text-decoration: none; color: #468259; } a:hover { background: none; text-decoration: underline; } /* Wrapper */ #wrapper { background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img04.gif) repeat-x left bottom; } /* Menu */ #menu { width: 750px; height: 60px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; width: 148px; height: 30px; padding: 0 0 0 2px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img02.gif) no-repeat; } #menu a { display: block; width: 108px; height: 30px; padding: 0 0 0 20px; background: none; letter-spacing: -1px; font: normal 1.6em Georgia, "Times New Roman", Times, serif; color: #E1E9E2; } #menu a:hover { border-bottom: 4px solid #5A7C50; text-decoration: none; color: #FFFFFF; } #menu .active a { background: #E1E9E2; border-bottom: 4px solid #E1E9E2; text-decoration: none; color: #749865; } #header { width: 754px; height: 247px; margin: 0 auto; } #header h1 { float: left; width: 224px; height: 214px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img05.jpg) no-repeat; line-height: 32px; font-size: 30px; margin-top: -15px; padding: 140px 0 0 10px; } #header h2 { float: right; width: 500px; height: 214px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img06.jpg) no-repeat; text-transform: lowercase; text-align: right; letter-spacing: -1px; font-size: 22px; color: #FFFFFF; margin-top: -15px; padding: 140px 20px 0 0; } #conntent { width: 750px; margin: 0 auto; } /* Posts */ #posts { float: right; width: 510px; } #posts .post { padding-bottom: 30px; } #posts .story { padding: 15px 20px 0 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img10.gif) repeat-x } #posts .meta { padding: 5px 0 0 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img03.gif) repeat-x; } #posts .meta p { margin: 0; line-height: normal; font-size: smaller; } #posts ul { list-style: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img12.gif); } #posts ul li { } /* Links */ #links { float: left; width: 220px; } #links ul { margin: 0; padding: 0; list-style: none; } #links li ul { padding: 15px 20px 30px 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img10.gif) repeat-x } #links li li { padding: 3px 0; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img03.gif) repeat-x left bottom; } #links li a { background: none; } #links li i { font-size: smaller; } /* Footer */ #footer { padding: 40px 0 60px 0; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img08.gif) repeat-x; } #footer p { width: 750px; font-family: Georgia, "Times New Roman", Times, serif; color: #A6C09B; } #footer a { background: none; font-weight: bold; color: #A6C09B; } #legal { margin: 0 auto; text-align: right; font-size: 12px; } #brand { margin: -35px auto 0 auto; padding: 10px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img09.gif) no-repeat left top; letter-spacing: -1px; font-size: 24px; }
