Bu Şekilde Nasıl kodlarım

Kod:
<div id="tasarim">
<div id="ust"></div>
<div id="orta">
<div class="icerik">
<div id="slantedmenu">
<ul>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
</ul>
</div> 


tasarımın altındaki yazıya 

Kod:
</div>
</div>
</div>
<div id="alt"></div>
</div>


css koduna da 

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-left: auto}

* {padding: 0; margin:0 }

body {
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/background.png) top center fixed;
}

#tasarim{
width: 678px;
margin-left: 335px;
margin-top: 50px;
}

#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/ust.png);
width: 678px;
height: 19px;
float: left;
}

#orta{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/orta.png);
width: 678px;
height: 100%;
float: left;
}

.icerik {
width:658px;
float: left;
padding: 0 0 0 10px;
overflow: hidden;
text-align: justify;
}

#alt{
margin-left: 335px;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/alt.png);
width: 676px;
height: 33px;
float: left;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(http://www.dynamicdrive.com/cssexamples/media/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
}

#slantedmenu ul li a:hover{
color: black;
}

.hata, .ikaz, .tamam, .bilgi {
   margin-bottom: 1.5em;
   padding: 1em 1.5em 1em 5.5em;
   border-bottom: 2px solid #fff;
   border-top: 2px solid #fff;
   color: #444 }
 
.hata { background: #fbe3e4 url(http://img.webme.com/pic/m/mistanbul/hata.png) 2.2em center no-repeat; border-color: #e0011b }
 
   .hata a { color: #d12f19 }
 
.ikaz { background: #fff6bf url(http://img.webme.com/pic/m/mistanbul/ikaz.png) 2.2em center no-repeat; border-color: #ffd324 }
 
   .ikaz a { color: #817134 }
 
.tamam { background: #e9ffdd url(http://img.webme.com/pic/m/mistanbul/tamam.png) 2.2em center no-repeat; border-color: #72c868 }
 
   .tamam a { color: #529214 }
 
.bilgi { background: #e2ecee url(http://img.webme.com/pic/m/mistanbul/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6 }
 
   .bilgi a { color: #2d7ba2 }
 
/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
   list-style: none;
   margin: 1.3em 1.5em }
 
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li { padding-left: 1.3em }
 
.hata ul li { background: url(http://img.webme.com/pic/m/mistanbul/hata-bullet.png)  0 0.55em no-repeat }
 
.ikaz ul li { background: url(http://img.webme.com/pic/m/mistanbul/ikaz-bullet.png)  0 0.55em no-repeat }
 
.tamam ul li { background: url(http://img.webme.com/pic/m/mistanbul/tamam-bullet.png) 0 0.55em no-repeat }
 
.bilgi ul li { background: url(http://img.webme.com/pic/m/mistanbul/bilgi-bullet.png) 0 0.55em no-repeat }


her hangi bir sayfanıza mesela ana sayfa olabilir 
Kod:

<div class="hata"><marquee>sagopa-blog tasarımı</marquee></div>