0v3rd0z3r
New Member
Code:
<html>
<head></head><body bgcolor="black">
<style>
#transparency {filter: alpha(opacity=55); -moz-opacity: .55; background-color:#EEE; position:absolute; top:100px; left:400px; height:100px; width:300px; -webkit-border-radius: 15px;
-moz-border-radius: 5px;
border-radius: 10px;}
#transparency:hover {
filter: alpha(opacity=55); -moz-opacity: .55; background-color: #FFFAF0; position:absolute; top:100px; left:400px; -webkit-border-radius: 15px;
-moz-border-radius: 5px;
border-radius: 10px;}
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
padding:0.2em 0.6em;
border-right:1px solid white;
filter: alpha(opacity=55); -moz-opacity: .55; background-color:#EEE;top:100px; left:400px; height:15px; width:120px; -webkit-border-radius: 15px;
-moz-border-radius: 5px;
border-radius: 10px;
}
a:hover {background-color:#ff3300}
li {display:inline;}
</style><ul>
<center><li><a href="#">fe</a></li><li><a href="#">efe</a></li>
<div class="curved-box-css3">
<h2>Welcome biatches</h2>
<p></p>
</div>
<style type="text/css">
body {
background-color: #000000;
background-image: url(bg.gif);
background-repeat: repeat;
}
.curved-box-css3
{
width: 298px;
margin: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #c3d0d4;
}
.curved-box-css3 h2
{
padding: 10px 15px 5px 15px;
color: #f4fbfd;
}
.curved-box-css3 p
{
margin: 0px;
padding: 5px 15px 10px 15px;
}
#ContentBox{
float: left;
background-image: url(images/tl.gif) no repeat;
padding: 10px;
margin-top: 12px;
margin-left: 9px;
margin-right: 5px;
margin-bottom: 9px;
width: 1200px;
height: 600px;
background-color: #FFFFFF;
border: 1px solid #1486CF;
color: #1486CF;
font-size: 0.8em;
position:absolute;
}</style></center>
<div id="ContentBox">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sollicitudin lacus id tellus. Quisque rhoncus, nunc non faucibus dictum, nisl mi auctor massa, sed elementum leo nisl sit amet diam. Proin purus nisl, lacinia eu, pulvinar sit amet, congue non, tortor. Donec risus. Quisque nec mi eget turpis rhoncus scelerisque. Praesent suscipit pulvinar nulla. Curabitur neque pede, congue at, fringilla ac, tincidunt id, velit. Suspendisse vel arcu. Praesent dapibus quam id felis. Nam rutrum turpis id justo. Phasellus urna. <br>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus pharetra. Quisque dui. Sed ornare, justo a accumsan condimentum, arcu leo tempor erat, vel condimentum felis lectus id elit.
Morbi luctus, elit ac tristique feugiat, enim risus ultrices erat, et dapibus diam augue sit amet nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus id mauris vitae sapien scelerisque dictum. Duis nisl. Donec viverra rutrum magna. Vivamus consectetur neque et tortor. Suspendisse potenti. Mauris feugiat libero sit amet lectus. Quisque non sapien. Nulla facilisi. Ut fringilla. Vestibulum in lacus at nulla fermentum condimentum.
Donec sagittis vulputate elit. Nam eu justo ac sem interdum facilisis. Nunc a velit. Mauris mi magna, suscipit at, ultricies eget, fermentum ac, ipsum. Nullam sed leo non justo facilisis blandit. Praesent sodales nibh quis erat. Nam dignissim, arcu eget lobortis rutrum, nulla felis condimentum odio, porttitor hendrerit purus sapien ut eros. Vestibulum venenatis, risus suscipit suscipit ornare, eros risus tempor augue, nec varius odio magna eu nisi. Vestibulum congue nibh sit amet magna. Phasellus condimentum leo eu enim. Praesent porta aliquet quam. Proin sit amet justo. Vestibulum luctus. Phasellus ultricies libero volutpat leo. </div>
</body></html>
Thanks in advance
