Tasarım Üstü

<div id="tasarim">
    <div id="ust">
        <div class="baslik">émrKnr.tr.gg</div>
    </div>
    <div id="orta">
        <div class="sol">
Tasarım Altı

</div>
        <div class="sag"><div class="WmKodMenu">

<h3 class="headerbar">Menu Basligi 1</h3>
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkimda</a></li>
<li><a href="#">Iletisim</a></li>
<li><a href="#">Ziyaretci Defteri</a></li>
<li><a href="http://www.emrknr.tr.gg">émrKnr.tr.gg</a></li>
</ul>

<h3 class="headerbar">Menu Basligi 2</h3>
<p style="padding: 5px;">Buraya <b>Gunun Sozu</b>, yada <b>facebook</b> sayfanizin linki ya da <b>HTML</b> kodunuz gelebilir. </p>
<p style="float: right; font-weight: bold; padding-right: 5px;">-&eacute;mrKnr</p>

</div>
</div>
    </div>
    <div id="alt">Tasarim ve Kodlama: <a href="http://www.emrknr.tr.gg" target="_blank">&eacute;mrKnr.tr.gg</a>` |</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 {
	background-color: #F4F4F4;
	background-image: url(https://img.webme.com/pic/e/emrknr/gri_arkaplan.gif);
}

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #C03;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #C03;
}
a:hover {
	text-decoration: none;
	color: #F03;
}
a:active {
	text-decoration: none;
	color: #C03;
}

#tasarim{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#ust{
	width: 900px;
	height: 164px;
	background:url(https://img.webme.com/pic/e/emrknr/kirmizi_sagmenulu_01.png);
	float: left;
}

#orta{
	width: 900px;
	height: auto;
	background:url(https://img.webme.com/pic/e/emrknr/kirmizi_sagmenulu_02.png);
	float: left;
}

#alt{
	width: 875px;
	height: 42px;
	background:url(https://img.webme.com/pic/e/emrknr/kirmizi_sagmenulu_03.png);
	float: left;
	font-family:"Courier New", Courier, monospace;
	font-size: 13px;
	color: #fff;
	padding: 8px 0 0 25px;
}

#alt a{
	text-decoration: none;
	text-shadow: 1px 1px 5px black;
	font-family:"Courier New", Courier, monospace;
	font-size: 13px;
	color: #fff;
}

.baslik{
	width: 250px;
	height: 40px;
	font-size: 36px;
	font-family: Verdana, Geneva, sans-serif;
	font-style:italic;
	font-weight: bold;
	color: #E1E1E1;
	float: left;
	text-shadow: 1px 1px 5px #333;
	margin: 60px 0 0 50px;
}

.sol{
	width: 630px;
	height: auto;
	float: left;
	margin: 0 0 0 15px;
}

.sag{
	width: 237px;
	height: auto;
	float: right;
	margin-right: 13px;
}

.WmKodMenu{
width: 237; /*width of menu*/
}

.WmKodMenu .headerbar{
font: bold 14px Tahoma;
color: white;
background: black url(https://img.webme.com/pic/e/emrknr/kirmizi_menu_baslik.jpg) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 10px; /*header text is indented 10px*/
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
text-shadow: 1px 1px 3px black;
}

.WmKodMenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.WmKodMenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.WmKodMenu ul li a{
color: #A70303;
background: url(https://img.webme.com/pic/e/emrknr/siyah_menu_icon.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 30px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.WmKodMenu ul li a:visited{
color: #A70303;
}

.WmKodMenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}