Css Message Boxes v1.1

Css Message Boxes - Demo Page

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.

SADE



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 17 ziyaretçi (19 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol