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 16 ziyaretçi (19 klik) kişi burdaydı!
