Tasarım Üstü
<div id="tas">
<div id="ust">
<div class="baslik">emrKnr.tr.gg</div>
</div>
<div id="orta">
<div class="sol">
<ul>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
</ul>
</div>
<div class="sag">
Tasarım Altı
</div>
</div>
<div id="alt">
<div class="footer">Tasarim ve Kodlama: <a href="http://www.emrknr.tr.gg/">emrKnr.tr.gg</a></div>
</div>
</div>
Css 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;} table {margin-left: auto;margin-right: auto} body,td,th { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #333; font-weight: bold; } a { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #C00; font-weight: bold; } a:link { text-decoration: none; } a:visited { text-decoration: none; color: #C00; } a:hover { text-decoration: none; color: #F00; } a:active { text-decoration: none; color: #C00; }
#tas{ width: 900px; margin-left: auto; margin-right: auto; }
#ust{ width: 900px; height: 188px; background:url(https://img.webme.com/pic/e/emrknr/bilqm_01.png); float: left; }
#orta{ width: 900px; height: 100%; background: url(https://img.webme.com/pic/e/emrknr/bilqm_02.png); float: left; }
#alt{ width: 900px; height: 72px; background: url(https://img.webme.com/pic/e/emrknr/bilqm_03.png); float: left; }
.baslik{ width: 850px; height: 36px; color: #C00; font-size: 36px; text-shadow: 1px 1px 1px black; margin: 60px 0 0 25px; }
.sol{ width: 226px; height: 100%; float: left; margin: 0 0 0 13px; }
.sag{ width: 625px; height: 100%; float: right; margin: 0 25px 0 0; } #tas #orta .sol ul { font-family: Tahoma, Geneva, sans-serif; text-decoration: none; display: block; margin: 0px; padding: 0px; } #tas #orta .sol ul li { text-decoration: none; display: block; margin: 0px; padding: 0px; list-style-type: none; } #tas #orta .sol ul li a { display: block; height: 25px; padding-top: 5px; padding-left: 5px; background-color: #E6FDCC; } #tas #orta .sol ul li a:hover { color: #F03; text-decoration: none; background-color: #CFFB9F; }
.footer{ width: 860px; height: 20px; float: left; margin: 30px 0 0 25px; }
|