Sayfalar
Reklam Alanı
Çeşitli Siteler
Sitemize Hoşgeldiniz...
.·´¯`·->TUFG™<-·´¯`·.
Css tasarımlar 4
Tasarım üstü
<div id="design">
<div id="top"><div class="ortamenu">Üst menü linkleri vb şeyler buraya gelebilir...</div></div>
<div id="icerik">
<div id="icontent">
<div class="writer">
</div>
<div class="sagmenu">Burası sağ menü linkler vb şeyler gelecektir...</div>
</div>
</div>
<div id="footer"><p class="altreklam">alt reklam</p></div>
</div>
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/h/hyperend/52.jpg);
text-align: center;}
#design {
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;}
#top{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/s/suclukim/hpeski1.png);
width: 900px;
height: 143px;
float: left;}
.ortamenu {
width:800px;
padding: 70px 0 0 100px;
float: left;}
#icerik {
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/s/suclukim/hpeski2.png);
float: left;
overflow:hidden ;}
#icontent {
width: 900px;
padding: 0 0 0 5px;
overflow:hidden ;
float: left;}
.writer {
width: 660px;
padding: 0 0 0 5px;
float: left;
overflow: hidden;}
.sagmenu {
width: 200px;
padding:7px 0 0 20px;
float: left;
overflow: hidden;
text-align: justify;}
#footer{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/s/suclukim/hpeski3.png);
width: 900px;
height: 160px;
float: left;
}.altreklam{
margin-left: auto;
margin-right: auto;
width:210px;
height:65px;
padding: 40px 0 0 10px;}
TASARIM ÜST
<div id="design">
<div id="top">
<div class="logo">Logo Resmi Css Kodunda</div>
<div class="reklam">Reklam Kodu</div>
<div class="ustmenu">Üst Menu Burda</div></div>
<div id="icerik">
<div id="icontent">
<div class="sagmenu">Sağ Menu
<br>
Menü menü menü menü</div>
<div class="yazialani">
TASARIM ALT
</div>
</div>
</div>
<div id="alts">
<div class="copyright">Hak Meselesi</div>
</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(http://www.backgroundlabs.com/backgrounds/151.jpg);
text-align: center;
}
#design {
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#top{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/h/hyperend2/gri1.png);
width: 900px;
height: 184px;
float: left;
}
.logo {
width:335px;
height:65px;
backround:url(Başlık Resmi Buaraya!!);
padding: 1px 0 0 5px;
float: left;
}
.reklam {
width:450px;
padding: 2px 0 0 50px;
float: left;
}
.ustmenu {
width:880px;
padding: 20px 0 0 20px;
float: left;
}
#icerik {
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/h/hyperend2/gri2.png);
float: left;
overflow:hidden ;
}
#icontent {
width: 895px;
padding: 0 0 0 5px;
overflow:hidden ;
float: left;
}
.sagmenu {
width: 200px;
padding:4px 0 0 15px;
float: left;
overflow: hidden;
text-align: justify;
}
.yazialani {
width: 660px;
padding: 0 0 0 5px;
float: left;
overflow: hidden;
}
#alts{
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/h/hyperend2/gri3.png);
width: 900px;
height: 130px;
float: left;
}
.copyright {
width: 450px;
padding:60px 0 0 450px;
float: left;
overflow: hidden;
text-align: justify;
}
KAYNAK:hyperend.tr.gg