Tasarımın Üstüne
<div align="center"> <div id="container_big"> <div id="container"> <div id="header"> <div id="logo"> <a href="#" title="Homepage »">BURAYA SİTE İSMİ</a></div> <div id="slogan"> BURAYA SLOGAN </div> <div id="menu"> <a href="#">ANA SAYFA</a> <a href="#">LİNK</a> <a href="#">LİNK</a> <a href="#">LİNK</a> <a href="#">LİNK</a> </div> </div>
<div id="content"> <div id="right"> <div style="margin-left: 8px;"> </div> </div> <div id="main"> <br> <br clear="all"> <br> <br clear="all"> <br> <br clear="all"> </div> <br clear="all"> </div> </div> <!-- content end --> <div id="footer"> © 2007 <a href="#"><strong>Siteismi.com</strong></a> <br/> Designed by <a href="http://www.vagrantking.tr.gg">Vagrantking</a>, </div> </div> </div> </div> </div>
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 { font-family: Arial, Verdana, Geneva, helvetica, sans-serif; margin: 0px; background-image: url(http://i63.servimg.com/u/f63/13/63/23/72/back11.gif); background-repeat: repeat-x; background-color: #121212; font-size: 13px; color: #fff; } table { font-size: 12px; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #f6cb22; font-weight: bold; margin: 0px; padding: 0px; text-transform: uppercase; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #222; font-weight: normal; margin: 0px; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; font-weight: normal; margin: 0px; } a { color: #F6CB22; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } #container_big { width: 818px; padding: 0px; margin: 0px; } #container { float: left; position: relative; width: 818px; text-align: left; padding: 0px; } #header { float: left; position: relative; width: 818px; height: 139px; text-align: left; background-image: url(http://i63.servimg.com/u/f63/13/63/23/72/hd10.gif); background-repeat: no-repeat; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } #logo a{font-size:33px ;color:#FFF; display:block; padding-top:20px;padding-left: 12px;} #logo a:hover {color:#FF0000} #slogan {font-size:11px;display:block; padding-left: 20px;} #menu { float: right; position: absolute; width: 880px; font-size: 13px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; overflow: hidden; height: 35px; text-align: center; top: 82px; left: 0px; } #menu a { display: block; float: left; background: url(images/a_link.gif) no-repeat right; position: relative; text-align: center; width: 165px; height: 35px; overflow: hidden; line-height: 33px; color: #fff; } #menu a:hover { color: #000000; text-decoration: none; } #pink { float: left; position: relative; width: 603px; height: 79px; left: 0px; background-image: url(images/pink.gif); background-repeat: no-repeat; color: #bdc1e4; margin-top: 6px; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } #pink a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; color: white; margin: 2px; } #search { width: 369px; height: 28px; float: left; position: absolute; background: url(images/search_back.gif) no-repeat; border: 0px; left: 120px; top: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #D22388; padding-left: 3px; line-height: 20px; } #go { width: 80px; height: 28px; float: right; position: absolute; background: url(images/search.gif) no-repeat; border: 0px; right: 20px; top: 30px; } #green { float: left; position: relative; width: 603px; left: 0px; background-image: url(images/green_back.gif); background-repeat: repeat-y; color: #fff; margin-top: 6px; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .box { float: left; position: relative; width: 235px; margin-left: 10px; } #content { float: left; position: relative; width: 818px; text-align: left; padding: 0px; overflow: hidden; background-color: #121212; } #right { width: 310px;; float: right; position: relative; right: 0px; top: 0px; color: #fff; font-size: 12px; border-left: solid 2px #463906; } #main { float: left; position: relative; width: 500px; left: 4px; } #footer { float: left; position: relative; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 818px; background-image: url(images/footer.gif); background-repeat: no-repeat; vertical-align: middle; text-align: center; color: #eaeaea; padding-top: 5px; height: 20px; border-top: solid 2px #463906; } #footer a { color: #F6CB22; margin-left: 5px; margin-right: 5px; } #footer a:hover { color: #fff; text-decoration: none; } input, textarea, button { background-color: #fff; color: #94C00D; border: solid 2px #94C00D; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 10px; height: 20px; margin-top: 4px; } .btn { border: 0px; margin-top: 4px; margin-bottom: 0px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 20px; position: absolute; } ul { list-style-type: square; } #ttitle { background-color: #900000; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
