01 Hazır Css Tasarım

 

TASARIM ÜSTÜ
<body>
<div id="content">
<!-- start header -->
<div id="main">
<div id="header">
  <!--Header start -->
 <div id="logo">
 <h1>Tam-Senliq.Tr.Gg</h1>
 <h2><a href="tam-senliq-deneme.tr.gg/" id="metamorph">Uyarladığım Tasarıma Bakmakta Bulunuyorsunuz..</a></h2>
  </div>
<!--Header end -->
<div id="menu">
  <ul>
  <li><a href="#">Ana Sayfa</a></li>
  <li><a href="#">Boş</a></li>
  <li><a href="#">Boş</a></li>
  <li><a href="#">Boş</a></li>
  <li><a href="#">Boş</a></li>  
  </ul>
</div>
</div>
<div id="wrapper">
  <div id="text">

TASARIM ALTI
<div id="footer">
  <p>Dikkat Bu Tasarım 1024*768 Pixel Çözünürlüğe Göre Ayarlanmıştır.</p>
<p>Copyright © 2009. Design adapted from<a href="www.tam-senliq.tr.gg">Arif_Yurtsewer</a></p>

</div>
</div>
<div style="clear: both"></div></div>

CSS
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: 0px;
margin: 0px;
}

body{
background:#153B00 url(https://img.webme.com/pic/t/tam-senliq-deneme/back_all2.gif) top repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#898989;
padding: 0px;
margin: 0px;
}

#content 
{
background: url(https://img.webme.com/pic/t/tam-senliq-deneme/back_all1.jpg) top left no-repeat;
width: 100%;

}

a{
color:#153B00;
text-decoration:none;
}

a:hover, a:active{
color:#153B00;
text-decoration:underline;
}

#header{
height: 411px;
}

#menu
{
height: 39px;
width: 448px;
padding-left: 50px;
background: url(https://img.webme.com/pic/t/tam-senliq-deneme/menu.png) no-repeat;
margin-bottom: 10px;
}

#menu ul li{
list-style: none;
display: inline;
}

#menu a
{
display: block;
float: left;
width: 80px;
height: 29px;
text-align: center;
padding-top: 10px; 
color: #ffffff;
font-weight: bold;
}

#menu a:hover
{
display: block;
padding-top: 10px;
height: 29px;
float: left;
color: #ffffff;
font-weight: bold;
background: url(https://img.webme.com/pic/t/tam-senliq-deneme/menu_r.gif) repeat-x;
}

#main
{
width:498px;
margin: 0 auto;
}

#wrapper
{
width: 498px;
background: url(https://img.webme.com/pic/t/tam-senliq-deneme/top.png) no-repeat top;
padding-top: 5px;

}

#logo
{
height: 360px;
width: 498px;
text-align: right;
}

#logo h1
{
font-size: 18px;
padding-top: 220px;
padding-left: 20px;
font-weight: bold;
color: #E6E6E6;
}

#logo h2 a
{
font-size: 10px;
padding-left: 20px;
font-weight: bold;
color: #E6E6E6;
text-transform: uppercase;
}


#text{
background: #FFFFFF;
padding:10px;
}

#text p{
padding:5px;
}

h1, h2, h3{
color:#153B00;
}

h1{
font-size:1.2em;
}

h2{
font-size:1.05em;
}

h3{
font-size:1em;
}

#text ul, ol{
padding-left:12px;
margin-left:12px;
}


.meta{
text-align:right;
color:#153B00;
font-size:0.79em;
}

.meta a{
text-decoration:underline;
}

#footer{
font-size:0.79em;
text-align:center;
border-top:1px solid #B07A34;
background: url(https://img.webme.com/pic/t/tam-senliq-deneme/bottom.png) bottom;
margin-bottom: 20px;
height: 50px;
padding-top: 10px;
}

#footer a{
text-decoration:underline;
}
 


Bugün 2 ziyaretçi (26 klik) kişi burdaydı!

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=