Home
- Code:
<!DOCTYPE html>
<html>
<title>fraNNNta-Design</title>
<head>
*
body
{
background: #141414;
color: white;
}
.counter{
position: relative;
top: -15px;
}
.meniu{
background: url(http://i10.servimg.com/u/f10/14/12/03/12/111.png);
box-shadow: 0px 0px 2px white;
border-radius: 5px;
height: 36px;
width: 500px;
position: relative;
top: 240px;
border: 1px solid black;
border-radius: 5px;}
.meniu a{
position: relative;
top: 7px;
color: white;
font-size: 16px;
font-family: arial;
font-weight: 600;
padding-left: 10px;
padding-right: 10px;
text-shadow: 0px 1px 2px black;
text-decoration: none;}
.meniu a:hover{
color: white;
text-shadow: 0px -1px 2px black;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;}
.forum{
text-decoration: none;
font-size: 32px;
font-family: arial;
position: relative;
right: 250px;
top: -125px;
padding: 20px;
width: 180px;
height: 40px!important;
background: url(http://i10.servimg.com/u/f10/14/12/03/12/111.png);
border-radius: 10px 0px 10px 0px;
text-shadow: 0px 0px 2px black;
border: 1px solid black;
box-shadow: 0px 0px 2px white;}
.portal{
left: 250px;
top: -207px;
width: 180px;
height: 40px!important;
background: url(http://i10.servimg.com/u/f10/14/12/03/12/111.png);
border-radius: 0px 10px 0px 10px;
text-decoration: none;
font-size: 32px;
font-family: arial;
position: relative;
padding: 20px;
text-shadow: 0px 0px 2px black;
border: 1px solid black;
box-shadow: 0px 0px 2px white;}
.portal:hover{
background: url(http://i10.servimg.com/u/f10/14/12/03/12/210.png);}
.forum:hover{
background: url(http://i10.servimg.com/u/f10/14/12/03/12/210.png);}
.forum a{
color: white;
text-decoration: none;
text-shadow: 0px 0px 2px black;}
.portal a{
color: white;
text-decoration: none;
text-shadow: 0px 0px 2px black;}
.forum a:hover{
color: white;
text-shadow: 0px 0px 2px black;}
.portal a:hover{
color: white;
text-shadow: 0px 0px 2px black;}
.continut{
position: relative;
top: 50px;
background: url(http://i32.servimg.com/u/f32/14/12/03/12/11110.png);
border: 1px solid black;
box-shadow: 0px 0px 3px white;
border-radius: 10px;
height: 600px;
width: 800px;}
.header{
border-radius: 0px 0px 10px 10px;
border: 1px solid black;
background: url(http://i10.servimg.com/u/f10/14/12/03/12/210.png);
width: 550px;
font-size: 48px;
color: white;
text-shadow: 0px 1px 5px black;
}
.counter2{
position: relative;
bottom: 255px;
right: 5px;
opacity: 0.2}
*
</head>
<body>
<center><div class="continut"><div class="header">Mesajul tau aici</div>
<center><div class="counter"><img src="http://i10.servimg.com/u/f10/14/12/03/12/render10.png"></img></div></center>
<center><div class="meniu">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a></div>
<center>
<div class="forum">
<a href="#">Portal</a>
</div></center>
<center><div class="portal"><a href="#">Portal</a></div></center>
<center><div class="counter2"><img src="http://i10.servimg.com/u/f10/14/12/03/12/render12.png"></img></div></center>
</div></center>
</body>
</html>
