TASARIM ÜZERİ
<div align="center"><img src="https://img.webme.com/pic/a/akesintierkan/enust2.png" alt="" />
<div/>
<body id="hpb_cssonly">
</table><div id="tasarim">
<div id="ust"></div> <div id="orta">
<div class="solsutun"><div class="arrowlistmenu">
<script type="text/javascript" src="http://site.mynet.com/cancan575/gununsozu.txt"></script>
<style type="text/css"> .urbangreymenu{ width: 190px; /*width of menu*/ } .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #000000 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #E9E9E9; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: gray; } </style>
<div class="urbangreymenu">
<h3 class="headerbar" style="text-align: left; ">Ana Menü</h3>
<ul>
<li><a href="http://mrossi.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li>
<li><a href="http://mrossi.tr.gg/Z-.-Defteri.htm">Ziyaretçi Defteri</a></li>
<li><a href="http://mrossi.tr.gg/Toplist.htm">Üye Ol</a></li>
<li><a href="http://mrossi.tr.gg/iletisim.htm">Üye Girişi</a></li>
<li><a href="http://mrossi.tr.gg/Sohbet.htm">İletişim</a></li>
<li><a href="http://mrossi.tr.gg/Destek-Ol.htm">Sohbet</a></li>
<li><a href="http://mrossi.tr.gg/Hakkimda.htm">Reklam Ver</a></li>
</ul>
<h3 class="headerbar" style="text-align: left; ">Sınıf 2010</h3>
<ul>
<li><a href="http://mrossi.tr.gg/Usebarlar.htm">Usebarlar</a></li>
<li><a href="http://mrossi.tr.gg/ikon-arsivi.htm">İkon Arşivi</a></li>
<li><a href="http://mrossi.tr.gg/Yararli-Web-Siteleri.htm">Modifiye Site</a></li>
<li><a href="http://mrossi.tr.gg/Htlm-Kodlari.htm">Html Kodları</a></li>
<li><a href="http://mrossi.tr.gg/Tasarimlar.htm">Css Tasarımlar</a></li>
<li><a href="http://mrossi.tr.gg/Tasarimlar2.htm">Css Tasarımlar2</a></li>
</ul>
<h3 class="headerbar" style="text-align: left; ">Dost Sİteler</h3>
<ul>
<li><a href="http://mrseto.tr.gg">TeknoMertCom</a></li>
<li><a href="http://bayvet.tr.gg">AkesintiErkan</a></li>
<li><a href="http://esintinet.tr.gg/">Esintinet</a></li>
<li><a href="http://roportajtr.tr.gg">Eklenecek</a></li>
<li><a href="http://webbilgievi.tr.gg">Eklenecek</a></li>
</ul>
</div>
</div></div>
<div class="sagsutun"><a href="" titlewidth="468" height="60" border="0" class="resim" alt="" src="" /></a> <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>PowerMaxi</span></h1></div>
<div id="post_header"></div>
</div>
<div id="nav_container">
<h2 id="nav_heading"><span></span></h2>
</div>
<div id="content_container">
<div id="pre_content"></div>
<div id="content">
<h2 id="title"><span>Ana Sayfa</span></h2>
<div id="content-box">
<div id="content-box-in-left">
<div id="content-box-in-left-in">
<div id="container">
TASARIM ALTI
<div id="header_container"></div>
<div id="header_container"> </div>
</div>
</div>
</div>
</div> </div>
<div id="counter"><span></span></div>
<div id="post_content"></div>
<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content"></div>
</div>
</div>
</div>
</div> </div> <div id="alt"></div> </div>
<iframe src=http://www.homepage-baukasten.de/cookie.php?visit=morduman&auth1=d191669905e
bada5204858ca49192833&auth2=685de1fa2
fb4062deb2071d51094b92c&auth3=65e8dbb90007b3a05a5cc13c4c87ee27&auth4=5
acea41d6d3b37eab8941dcd1aeb79cd&auth5=61d3930a9337d8ad1e11624217914971&mode=track
style="display:none;width:1px;height:1px;"></iframe>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
_uacct = "UA-2594508-11";
urchinTracker();
</script> <div id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div>
<div id="extraDiv6"><span></span></div>
CSS KODU
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;}
* {padding: 0; margin:0 }
body {
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/e/esintinet/32.jpg) top center fixed;
}
#tasarim{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/a/akesintierkan/ust444.png);
width: 1007px;
height: 60px;
float: left;
}
#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/a/akesintierkan/orta1.png);
width: 1007px;
height: 100%;
float: left;
}
.solsutun{
width:215px;
float: left;
padding: 0 0 0 40px;
overflow: hidden;
}
.sagsutun {
width:690px;
float: left;
padding: 0 0 0 20px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/a/akesintierkan/alt2.png);
width: 1007px;
height: 307px;
float: left;
}
.arrowlistmenu{
width: 180px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;