1![[RECURSO] Página HTML "Saturated Purple" Empty](https://2img.net/i/empty.gif)
[RECURSO] Página HTML "Saturated Purple" 28/01/13, 04:32 pm
HenRyqUéè
Administrador
Avaliador
Helper
Olá pessoal, hoje venho aqui espor uma nova página HTML que fiz recentemente, se preferirem, vocês podem usa-la como página inical. Ela possui 3 iframes que voçês podem mudar os links deles a sua vontade...
Código Fonte:
Preview [LINK]:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Código Fonte:
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#frame2, #frame3').hide();
$('#menulateral span:eq(0)').click(function(){
$('#frame2, #frame3').hide();
$('#frame1').show();
});
$('#menulateral span:eq(1)').click(function(){
$('#frame1, #frame3').hide();
$('#frame2').show();
});
$('#menulateral span:eq(2)').click(function(){
$('#frame1, #frame2').hide();
$('#frame3').show();
});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ícone da página -->
<link rel="shortcut icon" type="image/x-icon" href="http://dl.dropbox.com/u/19426320/Swords.png" />
<!-- título da página -->
<title>Nome da Página - HenRyqUéè</title>
<style>
body{
background: url(http://www.freegreatpicture.com/files/146/26189-abstract-color-background.jpg) no-repeat;
}
#contbody{
width: 80%;
box-shadow: 0px 0px 38px rgba(80, 80, 80, 0.5);
padding:20px;
background: rgba(33, 00, 66, 0.4);
height:400px;
}
#creditos{
width: 50%;
box-shadow: 0px 0px 38px rgba(80, 80, 80, 0.5);
padding:10px;
background: rgba(33, 00, 66, 0.4);
}
#menulateral{
padding:10px;
border:1px solid black;
background: rgba(254,255,232, 0.2);
}
#menulateral span{
padding:20px;
background: rgb(227,156,229); /* Old browsers */
background: -moz-linear-gradient(top, rgba(227,156,229,1) 0%, rgba(198,141,197,1) 47%, rgba(165,101,161,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,156,229,1)), color-stop(47%,rgba(198,141,197,1)), color-stop(100%,rgba(165,101,161,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(227,156,229,1) 0%,rgba(198,141,197,1) 47%,rgba(165,101,161,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(227,156,229,1) 0%,rgba(198,141,197,1) 47%,rgba(165,101,161,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(227,156,229,1) 0%,rgba(198,141,197,1) 47%,rgba(165,101,161,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(227,156,229,1) 0%,rgba(198,141,197,1) 47%,rgba(165,101,161,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e39ce5', endColorstr='#a565a1',GradientType=0 ); /* IE6-9 */
font-family:"Times New Roman", Times, serif;
font-size:24px;
font-weight:200;
textalign:center;
cursor:pointer;
padding-left: 100px;
padding-right: 100px;
border:1px solid #330066;
transition: all linear 0.5s;
}
#menulateral span:hover{
transition: all linear 0.5s;
background: rgb(229,112,231); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,112,231,1)), color-stop(47%,rgba(200,94,199,1)), color-stop(100%,rgba(168,73,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
}
#frame1, #frame2, #frame3{
border:1px solid black;
box-shadow:7px 0px 19px #666;
}
#creditos a{
display:none
}
</style>
</head>
<body id="mybody">
<center><div id="contbody">
<div style="float:left" id="menulateral">
<center><br /><br /><span>FÓRUM</span><br /><br /><br /><br />
<span>MEMBROS</span><br /><br /><br /><br />
<span>FAQ</span><br /><br /><br />
</center>
</div>
<iframe id="frame1" src="/forum" width="65%" style="margin-right:-23px" id="iframep" height="400">Seu navgador não suporta iframes! Atualize-o pra o firefox ou google chorome maisavançado!</iframe>
<iframe id="frame2" src="/memberlist" width="65%" style="margin-right:-23px" id="iframep" height="400">Seu navgador não suporta iframes! Atualize-o pra o firefox ou google chorome maisavançado!</iframe>
<iframe id="frame3" src="/faq" width="65%" style="margin-right:-23px" id="iframep" height="400">Seu navgador não suporta iframes! Atualize-o pra o firefox ou google chorome maisavançado!</iframe>
</div><br />
<div id="creditos">
Página Desenvolvida por <b>HenRyqUéè</b><a href="http://forumeiros.com" target="_blank">forumeiros.com</a>
</div></center>
</body>
</html>
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Preview [LINK]:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Destaque do Fórum