Siyah CSS TASARIM
Tasarımın Üzerine
Kod: |
<div id="design">
<div id="top">
<div class="ustmenu"><div class="underlinemenu">
<ul>
</ul>
</div>
</div></div>
<div id="icerik">
<div id="icontent">
<div class="sagmenu"><div class="arrowlistmenu">
bedavasitem.ce.ms Menü alanı</div>
</div>
<div class="yazialani">
<div class="yazialani">
|
Tasarımın Altına
Kod: |
</div>
</div>
<div class="yazialani"> <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>tdeneme</span></h1></div>
<div id="post_header"></div>
</div>
<div id="nav_container">
<h2 id="nav_heading"><span></span></h2>
<ul id="nav">
</ul>
</div>
<div id="content_container">
<div id="pre_content"></div>
<div id="content">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="alts">
</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: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/b/best-dream/arka.gif);
text-align: center;
}
#design {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#top{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/k/kod80/s1.gif);
width: 1000px;
height: 255px;
float: left;
}
.ustmenu {
width:700px;
padding: 200px 0 0 300px;
float: center;
}
#icerik {
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/k/kod80/s2.gif);
float: left;
overflow:hidden ;
}
#icontent {
width: 900px;
padding: 0 0 0 100px;
overflow:hidden ;
float: left;
}
.sagmenu {
width: 155px;
padding:0px 0 0 0px;
float: left;
overflow: hidden;
text-align: justify;
}
.yazialani {
width: 670px;
padding: 0 0 0 15px;
float: left;
overflow: hidden;
}
#alts{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/k/kod80/s3.png);
width: 1000px;
height: 172px;
float: left;
}
|
|
Bugün 10 ziyaretçi (10 klik) kişi burdaydı!