Türkiyenin En Büyük Css Tasarım Merkezi-Örnek Site Yarışması-Html Kodlar

v1

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>

<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;

Anasayfa

Css Tasarımlar

Siten İçin

Site Yarışması

Haftanın Vİdeosu

Türkiyenin En Büyük Css Tasarım Merkezi-Örnek Site Yarışması-Html Kodlar

v1