1 Página HTML - Dragon Ball [Simples] Qua Fev 27, 2013 5:47 pm
Admin
Aqui está uma página HTML que é muito simples, fiz faz tempo e vou liberar...
Prévio: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Por favor, não remova os créditos.
- Código:
<html>
<head>
<meta charset="UTF-8" />
<title>DivineArt'z</title>
<style type="text/css">
.menu {
background-color: #AD7237;
top: 100px;
width: 45%;
height: 48px;
position: absolute;
left: 18%;
border-radius: 10px 10px 10px 10px;
box-shadow: 0px 3px 3px #000000, 0px -1px 1px #000000, -1px 0px 1px #000000, 1px 0px 1px #000000
}
.menu ul {
margin-top: 14px;
margin-right: 40px;
list-style: none;
text-align: center;
}
.menu ul a {
margin-left: 10px;
font-size: 20px;
top: 0px;
position: relative;
text-align: center;
}
</style>
</head>
<style>
body {
background-image: url('http://upamais.com/images/64950735822554245802.jpg');
margin: 0px;
padding: 0px;
}
.logo {
top: 20px;
left: 10%;
color: #945B2C;
text-shadow: 3px 3px 1px #000000, 2px 2px 1px #000000, 1px 1px 1px #000000;
font-size: 40px;
position: absolute;
}
.fundo {
width: 60%;
height: 100%;
background-color: #CD853F;
left: 20%;
position: absolute;
top: 0px;
box-shadow: 0px 0px 5px #000000;
}
.caixa {
background-image: url('http://i.imgur.com/RYkQr.png');
background-repeat: no-repeat;
position: relative;
width: 600px;
height: 250px;
margin-top: 200px;
opacity: 1;
}
a:hover {
color: #000000;
text-decoration: none;
text-shadow: 1px 1px 1px #FFFFFF;
}
a {
color: #000000;
text-decoration: none;
text-shadow: -1px -1px 1px #FFFFFF;
}
.creditos {
position: relative;
background-color: gray;
width: 100%;
height: 50px;
bottom: -60px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
opacity: 0.8;
}
</style>
<body>
<!-- Início Proteção -->
<oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<script language="JavaScript">
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
function keypresed() {
alert('O teclado está desabilitado nesta página.');
}
document.onkeydown=keypresed;
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
<!-- Fim Proteção -->
<div class="fundo">
<!-- Início Logo -->
<div class="logo">
DivineArt'z
</div>
<!-- Fim Logo -->
<!-- Início Caixa -->
<center>
<div class="caixa" style="color: #FFFFFF; text-align: left;">
<p style="margin-left: 180px;"><br><br>
Seja bem vindo ao DivineArt'z.
</p>
</div>
</center>
<!-- Fim Caixa -->
<!-- Início Goku -->
<center>
<img src="http://i.imgur.com/gOGh1.png" style="position: absolute; margin-top: -410px; margin-left: 140px; width: 141px; height: 200px; opacity: 1;" />
</center>
<!-- Fim Goku -->
<!-- Início Vegeto -->
<center>
<img src="http://i.imgur.com/kNUNu.png" style="position: absolute; margin-top: -265px; margin-left: -300px; width: 162px; height: 280px; opacity: 1;" />
</center>
<!-- Fim Vegeto -->
<!-- Início Menu -->
<div class="menu">
<ul>
<a href="/forum">Fórum</a>
<a href="/portal">Portal</a>
<a href="/search">Buscar</a>
<a href="/memberlist">Membros</a>
</ul>
</div>
<!-- Fim Menu -->
<!-- Início Créditos -->
<center>
<div class="creditos">
<p style="margin-left: 0px; text-align: center;">Página totalmente criada por <a href="http://jogosonlinee.forumeiros.com/u1">Firenado</a> - Visite <a href="http://jogosonlinee.forumeiros.com">DivineArt'z</a>.</p>
</div>
</center>
<!-- Fim Créditos -->
</div>
</body>
</html>
Prévio: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Por favor, não remova os créditos.