1 Página HTML - BPC Dom Dez 30, 2012 7:45 pm
Admin
Olá, aqui está uma página HTML, que eu fiz especialmente para um amigo, e dai avacalharam comigo, então aqui está a página para todos.
Pelo JSbin.
Prévio: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Editação: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Ou se querer pelo code.
Façam o que querer com essa página.
Pelo JSbin.
Prévio: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Editação: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Ou se querer pelo code.
- Código:
<!DOCTYPE html>
<!-- Criação de Firenando -->
<!-- Copyright - Firenando & Brasil Designer Forever -->
<!-- http://jogosonlinee.forumeiros.com -->
<!-- Se usar esta página HTML, deixar os créditos -->
<!-- <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> -->
<html>
<head>
<title>Brasil Designer Forever</title>
</head>
<style>
body {
background-color: #dadada;
font-family: Verdana;
}
body a {
text-decoration: none;
color: #000000;
}
.creditos {
box-shadow: 0px -1px 2px black;
background: -moz-linear-gradient(bottom, #db8, #fed) repeat-X;
background: -webkit-gradient(linear, top, bottom, from(#db8), to(#db8)) repeat-X;
width: 100%;
left: 0px;
height: 24px;
bottom: 0px;
position: absolute;
}
.bpc {
font-size: 50px;
text-align: center;
color: green;
position: relative;
}
.informacoes {
text-align: center;
background-color: gray;
width: 250px;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
font-size: 50px;
opacity: 0.7;
border-right: 2px solid #000000;
}
.informacoes:hover {
opacity: 0.8;
}
.informacoes2 {
text-align: center;
background-color: gray;
width: 250px;
height: 100%;
position: absolute;
top: 0%;
right: 0%;
font-size: 50px;
opacity: 0.7;
border-left: 2px solid #000000;
}
.informacoes2:hover {
opacity: 0.8;
}
.portal {
bottom: 15%;
left: 23%;
font-size: 40px;
position: absolute;
background-color: gray;
width: 150px;
text-align: center;
opacity: 0.6;
border-radius: 5px;
position: absolute;
}
.portal:hover {
opacity: 0.8;
}
.forum {
bottom: 15%;
left: 38%;
font-size: 40px;
position: absolute;
background-color: gray;
width: 150px;
text-align: center;
opacity: 0.6;
border-radius: 5px;
}
.forum:hover {
opacity: 0.8;
}
.samp {
bottom: 15%;
left: 53%;
font-size: 40px;
position: absolute;
background-color: gray;
width: 150px;
text-align: center;
opacity: 0.6;
border-radius: 5px;
}
.samp:hover {
opacity: 0.8;
}
.buscar {
bottom: 15%;
left: 68%;
font-size: 40px;
position: absolute;
background-color: gray;
width: 150px;
text-align: center;
opacity: 0.6;
border-radius: 5px;
}
.buscar:hover {
opacity: 0.8;
}
.donos {
bottom: 30px;
left: 38%;
position: absolute;
}
</style>
<body>
<div class="bpc">Brasil Play City<br>IP: 108.61.71.214:7777</div>
<div class="informacoes"><div style="margin-left: 5px;">Mais <br>que <br>um <br>servidor, <br>uma <br>família</div></div>
<div class="informacoes2"><div style="margin-left: 5px;">Sobre o fórum</div><hr><div style="margin-left: 5px; font-size: 30px;">Owners<br><br>Lord_Mafioso<br>Ramon_CloW</div></div>
<a href="http://www.brasilplaycity.com.br/portal"><div class="portal">Portal</div></a>
<a href="http://www.brasilplaycity.com.br/forum"><div class="forum">Fórum</div></a>
<a href="http://files.sa-mp.com/sa-mp-0.3e-install.exe"><div class="samp">SA:MP</div></a>
<a href="http://www.brasilplaycity.com.br/search"><div class="buscar">Buscar</div></a>
<div class="donos"><b>Donos:</b> Rafaee SiLLenTz e Vinny Wesker</div>
<div class="creditos"><div style="margin-left: 5px;position: absolute;">Página totalmente criada por <a href="http://jogosonlinee.forumeiros.com/u1">Firenando</a> - <a href="http://jogosonlinee.forumeiros.com/portal">Brasil Designer Forever</a></div></div>
<br><br><center><img src="http://i.imgur.com/Gc8xj.jpg" /></center>
</body>
</html>
Façam o que querer com essa página.