Öncelikle Sizler' için Tasarımın Önizlemesine Burdan Bakabilirsiniz

Şimdide Gelelim Kodlarımıza

Css Kodları
table { margin: auto; } 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;} #govdetsrm { height: auto; width: 900px; float: none; text-align: center; } #Üst { background-image: url(https://img.webme.com/pic/h/hazirkodlarvs/ikizler_01.gif); height: 118px; width: 900px; } #orta { background-image: url(https://img.webme.com/pic/h/hazirkodlarvs/ikizler_03.gif); height: auto; width: 900px; float: left; background-repeat: repeat; } #alt { background-image: url(https://img.webme.com/pic/h/hazirkodlarvs/ikizler_04.gif); height: 160px; width: 900px; margin: 0px; float: left; } #icerik { float: left; height: auto; width: 620px; margin-left: 12px; } #menü { float: right; height: auto; width: 240px; margin-right: 11px; margin-left: 10px; } #cony { width: 600px; margin-left: 20px; } #ccc { margin-top: 130px; width: 600px; height: 30px; margin-left: 50px; text-align: center; font-size: 10px; } .anarsicocukmenu{ width: 240px; font: bold 12px Tahoma; color: #2886B9; } .anarsicocukmenu .headerbar{ font: bold 14px Tahoma; color: #ECFBCA; background: url(https://img.webme.com/pic/t/teknokaplan/basliki.png) repeat-x center left; margin-bottom: 5px; padding: 4px 0 4px 10px; text-shadow: 0.1em 0.1em 1em black; -moz-border-radius: 10px 10px 0 0; } .anarsicocukmenu ul{ font: 14px Verdana; list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; } .anarsicocukmenu ul li{ padding-bottom: 2px; } .anarsicocukmenu ul li a{ color: #2886B9; background: url(https://img.webme.com/pic/a/anarsicocuk/misc-forward-icon.png) no-repeat center left; display: block; padding: 2px 0; padding-left: 19px; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #dadada; font-size: 90%; } .anarsicocukmenu ul li a:visited{ color: # 040404; } .anarsicocukmenu ul li a:hover{ /*hover state CSS*/ color: # 020202; background-color: #ECFBCA; } body{ background: url(http://www.backgroundlabs.com/backgrounds/124.jpg); } body,td,th { color: #000000; } a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #0099FF; } a:active { text-decoration: none; color: #000000; }
TaSarım Üstü Kodları
<div id="govdetsrm"> <div id="Üst"></div> <img src="https://img.webme.com/pic/h/hazirkodlarvs/ikizler_02.gif" width="900" height="146" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="15,29,141,77" href="/ana-sayfa.htm"> <area shape="rect" coords="160,30,301,80" href="7Ziyaretci-defteri.htm"> <area shape="rect" coords="314,31,416,80" href="/iletisim.htm"> <area shape="rect" coords="434,30,528,77" href="/forum.htm"> <area shape="rect" coords="539,31,621,78" href="/üyelik linki"> <area shape="rect" coords="637,28,769,80" href="Üye Giriş Linki"> <area shape="rect" coords="777,33,887,78" href="/Dost Siteler"> </map> <div id="orta"> <div id="icerik"><hr /> <div id="content">
Tasarım Altı Kodları