HTML KODLARI | FBML KODLARI | SİTENE EKLE | TASARIMLAR | CSS | KOD | TR.GG | HTML KODLARI |
  SefaCity Tasarımı
 
Tasarımın Üzerine
Kod:
<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" _fcksavedurl="/Ana-sayfa.htm">AnaSayfa</a></li>
<li><a href="/defter.htm" _fcksavedurl="/defter.htm" _fcksavedurl="/defter.htm">Z.Defteri</a></li>
<li><a href="/dost.htm" _fcksavedurl="/dost.htm" _fcksavedurl="/dost.htm">Dost Siteler</a></li>
</ul>
<h3 class="headerbar">PhotoShop</h3>
<ul>
<li><a href="adan.htm" _fcksavedurl="adan.htm" _fcksavedurl="adan.htm">Photoshop Dersleri </a></li>
<li><a href="photokisa.htm" _fcksavedurl="photokisa.htm" _fcksavedurl="photokisa.htm">Photoshop Kısayolları </a></li>
<li><a href="/pufnokta.htm" _fcksavedurl="/pufnokta.htm" _fcksavedurl="/pufnokta.htm">Ps Püf Noktaları </a></li>
<li><a href="/cs4.htm" _fcksavedurl="/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" _fcksavedurl="/pcterim.htm">PC Terimleri </a></li>
<li><a href="/pckisa.htm" _fcksavedurl="/pckisa.htm" _fcksavedurl="/pckisa.htm">Pc Kısayolları </a></li>
<li><a href="/pcprogram.htm" _fcksavedurl="/pcprogram.htm" _fcksavedurl="/pcprogram.htm">Pc Programları </a></li>
<li><a href="/anakart.htm" _fcksavedurl="/anakart.htm" _fcksavedurl="/anakart.htm">Anakart Sorunları </a></li>
<li><a href="/format.htm" _fcksavedurl="/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" _fcksavedurl="/onlinemsn.htm">Online Msn</a></li>
<li><a href="/Msnsusle.htm" _fcksavedurl="/Msnsusle.htm" _fcksavedurl="/Msnsusle.htm">Nick Süsleri</a></li>
<li><a href="/msnavatar.htm" _fcksavedurl="/msnavatar.htm" _fcksavedurl="/msnavatar.htm">Avatarlar</a></li>
<li><a href="/msnnick.htm" _fcksavedurl="/msnnick.htm" _fcksavedurl="/msnnick.htm">Nickler </a></li>
<li><a href="/8indir.htm" _fcksavedurl="/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" _fcksavedurl="/icon1.htm">İcon Arşivi 1</a></li>
<li><a href="/icon2.htm" _fcksavedurl="/icon2.htm" _fcksavedurl="/icon2.htm">İcon Arşivi 2</a></li>
<li><a href="/icon3.htm" _fcksavedurl="/icon3.htm" _fcksavedurl="/icon3.htm">İcon Arşivi 3</a></li>
<li><a href="/icon14.htm" _fcksavedurl="/icon14.htm" _fcksavedurl="/icon14.htm">İcon Arşivi 4</a></li>
<li><a href="/icon5.htm" _fcksavedurl="/icon5.htm" _fcksavedurl="/icon5.htm">İcon Arşivi 5</a></li>
<li><a href="/icon6.htm" _fcksavedurl="/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" _fcksavedurl="/bannertakas.htm">Banner Takas</a></li>
<li><a href="/Masaustu.htm" _fcksavedurl="/Masaustu.htm" _fcksavedurl="/Masaustu.htm">Masaüstü Resimleri</a></li>
<li><a href="/oyun.htm" _fcksavedurl="/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></div>
<div class="sagsutun">

Tasarımın Altına
Kod:
</div>
</div>
<div id="alt"></div>
</div>

Css Koduna
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;}

* {padding: 0; margin:0 }

body {
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://www.macdunyasi.com/masaustu/Bulutlar1280x1024.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://i0907.hizliresim.com/2009/7/14/7432.png);
width: 1000px;
height: 150px;
float: left;
}

#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://i0907.hizliresim.com/2009/7/14/7435.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://i0907.hizliresim.com/2009/7/14/7438.png);
width: 1000px;
height: 150px;
float: left;
 
 
 
  Bugün 46 ziyaretçi (51 klik) kişi burdaydı!
 
 
 

Bugün: 46 |KLik: 51 | Bu Sayfadasınız:  SefaCity Tasarımı |
Html Kodları | Tasarımlar | Css | Sitene Ekle | Kod | Tr.Gg | BedavaSitem | Photoshop | İcon
Tüm Hakları Saklıdır.Copyright © Htmles.tr.gg
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol