1 Pagina HTML um pouco complexa Sáb Mar 09, 2013 6:54 pm
rck
Eu ia vender esta pagina no shop do DivineArt'z, mas eu fiz uma bela bagunça no codigo, então resolvi disponibilizar o source dele de graça para todos os publicos.
Aviso:.Só pegue esta pagina HTML se quiser arranjar encrenca com a sua paciência.
Previo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Observação: O chatbox da pagina html só funciona se estiver num fórum, porque eu coloquei o link "/chatbox".
Aviso:.Só pegue esta pagina HTML se quiser arranjar encrenca com a sua paciência.
- Código:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Página HTML</title>
<style type="text/css">
body {
min-width: 1260px!important;
background-image: url('http://media-bubble.info/images/layout/background.png');
background-color: #fff;
background-attachment:fixed;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
font-family: Segoe UI;
color: #333;
}
a {
text-decoration: none;
color: #05f;
}
h1 {
color: #a2a2a2;
text-shadow: 0px 0px 1px #ddd;
}
#subcorpo {
box-shadow: 0px 0px 1px #444;
width: 90%;
margin-left: 4.5%;
background-color: #fff!important;
height: 750px;
margin-bottom: -1px;
position: relative;
}
.conteudo-central {
background-color: #f2f2f2;
border-radius: 0px;
box-shadow: 0px 0px 1px #444;
width: 70%;
float:left;
margin-bottom: 10px;
margin-top: 5px;
height: 700px;
overflow: auto;
}
.menu {
background-color: #f2f2f2;
color: #000;
width: 13.45%;
float:right;
margin-left: 0.55%;
margin-top: 4px;
font-size: 26px;
box-shadow: 0px 0px 1px #444;
}
.menu:hover {
-webkit-box-shadow: -1px 1px 2px #000000;
box-shadow: -1px 1px 2px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 225, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 225, Color = '#000000')";
}
#esconder {
border-top:2px solid #444;
background-color: #fff;
position: fixed;
bottom: 0px;
right: 0px;
width: 14%;
opacity: .0;
height: 15%;
transition: all 1s linear;
}
#esconder:hover {
opacity: 1;
height: 70%;
transition: all 1s linear;
-webkit-transition: all 1s linear;
width: 100%;
}
.modulo {
background-color: #F4F4F4;
width: 100%;
margin-left: 0px!important;
margin-right: 0px!mortant;
margin-bottom: 7px;
box-shadow: 0px 0px 1px #666;
}
.modulo2 {
background-color: #f2f2f2;
box-shadow: 0px 0px 1px #666;
width: 99%;
margin-top: 5px;
}
.separacao {
margin-right:1%;
width: 15%;
float:left;
}
span.lixo {font-weight: bold;}
.ajuste {
padding: 5px;
}
#creditos {
color: #000;
background-color: #fff;
position: fixed;
bottom: 4px;
width: 250px;
right: 50px;
opacity: .9;
font-size: 9px;
border-radius: 3px;
box-shadow: 0px 0px 3px #000;
}
</style>
</head>
<body>
<h1><center>Seu logo ou nome do fórum aqui</center></h1>
<div id="subcorpo">
<div class="modulo"><div class="ajuste">
<center>
Sejam bem-vindos ao nosso fórum. Obrigado por escolher nosso conteúdo de qualidade.
</center>
</div>
</div>
<div class="separacao">
<div class="modulo2"><span class="lixo"><center>Título</center></span><hr><div class="ajuste">Conteúdo 1</div></div>
<div class="modulo2"><span class="lixo"><center>Título</center></span><hr><div class="ajuste">Conteúdo 2</div></div>
<div class="modulo2"><span class="lixo"><center>Título</center></span><hr><div class="ajuste">Conteúdo 3</div></div>
<div class="modulo2"><span class="lixo"><center>Título</center></span><hr><div class="ajuste">Conteúdo 4</div></div>
<div class="modulo2"><span class="lixo"><center>Título</center></span><hr><div class="ajuste">Conteúdo 5</div></div>
</div>
<div class=conteudo-central><div class="ajuste">
1-É proibido
<br>- a)Ofensas e discussões que levem à brigas.
<br>É desagradavel ver pessoas brigando no fórum.
<br>
<br>- b)Exagerar no flood.
<br>Ninguem gosta de respostas como "não sei", "eu gosto de peitos" ou qualquer coisa que fuja a duvida. Por tanto, não exagere.
<br>
<br>- c)Refazer topicos que já foram demasiadamente discutidos.
<br>Verifique se o seu topico já não foi postado recentemente. Use a pesquisa do forum sempre que puder.
<br>
<br>- d)Quebrar o layout do forum, seja através de textos simples, ou através de imagens.
<br>Por razões meramente esteticas.
<br>
<br>- e)Utilizar codigos html que incomodem bastante(tais como alertas, imagens que cubram a tela inteira e pop ups).
<br>Simplesmente, isso atrapalha a leitura do topico de maneira irritante.
<br>
<br>- f)Se passar por moderador.
<br>O ato de punir publicamente no meio do topico é exclusivo para moderadores e administradores.
<br>
<br>- g)Discutir atos de moderação por topico.
<br>A administração está aberta para reclamações via mensagem privada. Ninguem está interessado em ver brigas entre moderadores e membros.
<br>
<br>- h)Pedir suporte via mensagem privada.
<br>Nós queremos que as suas dúvidas sejam pesquisadas, assim você vai ajudar muita gente que tem a mesma dúvida que você.
<br>
<br>- i)Conteúdo pornografico, violento,apológico, repugnante ou ilegal.
<br>Este fórum permite a entrada de menores de 18 anos, e de pessoas sensíveis. E nós respeitamos isso.
<br>
<br>- j)Plagio, pirataria, rip ou qualquer outro tipo de cópia não autorizada.
<br>Estamos num mundo onde a pirataria é crime, porque a pirataria segundo as empresas é um roubo.
<br>
<br>- k)O uso de uma fonte ou uma cor dificil de ler.
<br>É muito desagradavel tentar ler algo quase imperceptível.
<br>
<br>- l)Enviar vírus ou qualquer malware propositalmente.
<br>Alem de ser crime, ninguem gosta de ter dados roubados ou computador danificado.
<br>
<br>- m)Fazer mais do que 1 conta no fórum, sem autorização do administrador.
<br>Existem spammers, que fazem varias contas apenas pra fazer baderna. Permitimos a entrada de seus familiares, desde que avise previamente.
<br>
<br>- n)Utilizar qualquer língua que não seja o português, exeto quando houver tradução.
<br>Este forum, é um fórum de lingua portuguêsa. E todos queremos entender o que está escrito, mas não é todos os que tem conhecimento em inglês.
<br>
<br>- o)O uso de qualquer titulo vago para fazer topico, tal como "me ajude", "socorro", "tenho uma duvida"
<br>Praticamente ninguem pesquisa esses termos nos buscadores. Você ajuda mais gente escrevendo "Minha Gforce queimou", do que "Me ajude"
<br>
<br>
<br>2-Punições
<br>- a)As infrações 1E, 1I, 1J, 1L e 1M são consideradas graves, banimento de no minimo 30 dias.
<br>- b)As infrações que não citadas variam de avisos a banimento, conforme o entendimento do moderador.
<br>- c)exesso de infrações, resulta em banimento de no minimo 2 dias.
<br>
<br>
<br>Observações:
<br>-Essas regras podem ser alteradas sem aviso previo.
<br>-Erros em regras especificas não invalidam as demais.
</div>
</div>
<a href=/forum title="Clique aqui para acessar os sub-foruns do site.
Dica: Você pode passar o mouse nos cantos de descobrir novas coisas"><div class="menu"><center>FÓRUM</center></div></a>
<a href=/portal title="Clique aqui para acessar a pagina dos widgets do site.
Dica: Você pode passar o mouse nos cantos de descobrir novas coisas"><div class="menu"><center>PORTAL</center></div></a>
<a href=/register title="Clique aqui para se registrar no site.
Dica: Você pode passar o mouse nos cantos de descobrir novas coisas"><div class="menu"><center>REGISTRAR</center></div></a>
<a href=/login title="Clique aqui para entrar na conta do site.
Dica: Você pode passar o mouse nos cantos de descobrir novas coisas"><div class="menu"><center>LOGAR</center></div></a>
</div>
<div id="esconder"><iframe width="100%" height="100%" src="/chatbox"></iframe> </div>
<!-- Não remova os creditos se for usar o codigo integralmente -->
<!-- A remoção dos creditos causa processos judiciais com pena de multa até cadeia -->
<div id="creditos"><center>Pagina feita por rck, obrigado ao Firenando pelo apoio "moral"</center></div>
</body>
</html>
Previo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Observação: O chatbox da pagina html só funciona se estiver num fórum, porque eu coloquei o link "/chatbox".