..:::SeFaCiTY::..

epeski

Tasarımın Üstü

<div id="tasarim">
<div id="baslik"></div>
<div id="ust"></div>
<div id="orta">
<div class="solsutun"><div class="arrowlistmenu">
<h3 class="headerbar">        FİX</h3>
<ul>
<li><a href="/Ana-sayfa.htm" _fcksavedurl="/Ana-sayfa.htm">AnaSayfa</a></li>
<li><a href="/defter.htm" _fcksavedurl="/defter.htm">Z.Defteri</a></li>
<li><a href="/dost.htm" _fcksavedurl="/dost.htm">Dost Siteler</a></li>
</ul>
<h3 class="headerbar">PhotoShop</h3>
<ul>
<li><a href="adan.htm" _fcksavedurl="adan.htm">Photoshop Dersleri </a></li>
<li><a href="photokisa.htm" _fcksavedurl="photokisa.htm">Photoshop Kısayolları </a></li>
<li><a href="/pufnokta.htm" _fcksavedurl="/pufnokta.htm">Ps Püf Noktaları </a></li>
<li><a href="/cs4.htm" _fcksavedurl="/cs4.htm">Photoshop Cs4 indir </a></li>
</ul>
<h3 class="headerbar">Pc Destek</h3>
<ul>
<li><a href="/pcterim.htm" _fcksavedurl="/pcterim.htm">PC Terimleri </a></li>
<li><a href="/pckisa.htm" _fcksavedurl="/pckisa.htm">Pc Kısayolları </a></li>
<li><a href="/pcprogram.htm" _fcksavedurl="/pcprogram.htm">Pc Programları </a></li>
<li><a href="/anakart.htm" _fcksavedurl="/anakart.htm">Anakart Sorunları </a></li>
<li><a href="/format.htm" _fcksavedurl="/format.htm">Format Atmak </a></li>
</ul>
<h3 class="headerbar">Msn Destek</h3>
<ul>
<li><a href="/onlinemsn.htm" _fcksavedurl="/onlinemsn.htm">Online Msn</a></li>
<li><a href="/Msnsusle.htm" _fcksavedurl="/Msnsusle.htm">Nick Süsleri</a></li>
<li><a href="/msnavatar.htm" _fcksavedurl="/msnavatar.htm">Avatarlar</a></li>
<li><a href="/msnnick.htm" _fcksavedurl="/msnnick.htm">Nickler </a></li>
<li><a href="/8indir.htm" _fcksavedurl="/8indir.htm">Msn 8.0 indir </a></li>
</ul>
<h3 class="headerbar">İcon Arşivi</h3>
<ul>
<li><a href="/icon1.htm" _fcksavedurl="/icon1.htm">İcon Arşivi 1</a></li>
<li><a href="/icon2.htm" _fcksavedurl="/icon2.htm">İcon Arşivi 2</a></li>
<li><a href="/icon3.htm" _fcksavedurl="/icon3.htm">İcon Arşivi 3</a></li>
<li><a href="/icon14.htm" _fcksavedurl="/icon14.htm">İcon Arşivi 4</a></li>
<li><a href="/icon5.htm" _fcksavedurl="/icon5.htm">İcon Arşivi 5</a></li>
<li><a href="/icon6.htm" _fcksavedurl="/icon6.htm">İcon Arşivi 6</a></li>
</ul>
<h3 class="headerbar">KARIŞIK</h3>
<ul>
<li><a href="/bannertakas.htm" _fcksavedurl="/bannertakas.htm">Banner Takas</a></li>
<li><a href="/Masaustu.htm" _fcksavedurl="/Masaustu.htm">Masaüstü Resimleri</a></li>
<li><a href="/oyun.htm" _fcksavedurl="/oyun.htm">Oyunlar</a></li>
</ul>
</div>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowlistmenu{
width: 166px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(http://i0906.hizliresim.com/2009/6/14/5464.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 10px 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: #428ACE;
background:  none 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: #428ACE;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #0A86FA;
background-color: #F3F3F3;
}</style>
<img src="http://www.earti1.com/yeniresim/emekhirsizlari.gif" _fcksavedurl="http://www.earti1.com/yeniresim/emekhirsizlari.gif"></a>
</div>
<div class="sagsutun">
<a target="_blank" href="http://www.bsyarismasi.tr.gg/" _fcksavedurl="http://www.bsyarismasi.tr.gg/" _fcksavedurl="http://www.bsyarismasi.tr.gg/"><img class="" style="left: 0px; position: absolute; top: 0px" alt="BsYaRisMaSi.Tr.Gg" border="0" src="http://i0906.hizliresim.com/2009/6/2/3379.png" _fcksavedurl="http://i0906.hizliresim.com/2009/6/2/3379.png" _fcksavedurl="http://i0906.hizliresim.com/2009/6/2/3379.png" /></a><a target="_blank" href="http://webquiz.tr.gg" _fcksavedurl="http://webquiz.tr.gg" _fcksavedurl="http://webquiz.tr.gg"><img border="0" src="https://img.webme.com/pic/w/webquiz/webquiz.png" _fcksavedurl="https://img.webme.com/pic/w/webquiz/webquiz.png" _fcksavedurl="https://img.webme.com/pic/w/webquiz/webquiz.png" title="Webquiz Yarışması" style="right: 0px; position: fixed; top: 0px;" /></a><span> </span><a target="_blank" href="http://www.yarismania.tr.gg/" _fcksavedurl="http://www.yarismania.tr.gg/" _fcksavedurl="http://www.yarismania.tr.gg/"><img class="" style="right: 0px; position: absolute; top: 0px" alt="Yarismania.Tr.Gg" border="0" src="http://i0906.hizliresim.com/2009/6/16/163.png" _fcksavedurl="http://i0906.hizliresim.com/2009/6/16/163.png" _fcksavedurl="http://http://i0906.hizliresim.com/2009/6/16/163.png" /></a></p>
<br /></body></html>

Tasarımın Altı

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(http://www.kaliteliresimler.com/data/media/241/Windows_Vista_Masast_arkaplan_resimleri_2.jpg) top center fixed;
}
#tasarim{
width: 1000px;
margin-left: 0 auto;
margin-right:0 auto;
}
#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://i0906.hizliresim.com/2009/6/19/2912.png);
width: 1000px;
height: 150px;
float: left;
}
#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://i0906.hizliresim.com/2009/6/20/5612.png);
width: 1000px;
height: 100%;
float: left;
}
.solsutun{
width:175px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
}
.sagsutun {
width:675px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://i0906.hizliresim.com/2009/6/19/2918.png);
width: 1000px;
height: 150px;
float: left;
}
<br /></body></html>