GameZer Online


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Pagina HTML um pouco complexa em Sab Mar 09, 2013 6:54 pm

rck

avatar

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.
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: [Você precisa estar registrado e conectado para ver este link.]

Observação: O chatbox da pagina html só funciona se estiver num fórum, porque eu coloquei o link "/chatbox".



Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]


[Você precisa estar registrado e conectado para ver esta imagem.]

Por favor, leia as [Você precisa estar registrado e conectado para ver este link.], para mantermos uma organização cabulosa.

2 Re: Pagina HTML um pouco complexa em Sab Mar 09, 2013 7:45 pm

Juninho

avatar
Parabens rck! ficou muito boa! e sem mentir,Eu dei muita risada quando eu li: "Pagina feita por rck, obrigado ao Firenando pelo apoio moral"



[Você precisa estar registrado e conectado para ver esta imagem.]

3 Re: Pagina HTML um pouco complexa em Sab Mar 09, 2013 7:58 pm

Admin

avatar

Esse rck é incrível '-'

4 Re: Pagina HTML um pouco complexa em Dom Mar 10, 2013 7:21 am

Jose Hamizaki

avatar
Nossa, muito legal essa pagina.



[Você precisa estar registrado e conectado para ver esta imagem.]

5 Re: Pagina HTML um pouco complexa em Sex Mar 15, 2013 10:08 pm

RafsEstevam

avatar
Programador
Programador
Muda o SCROLLING do iFrame para igual ou parecido com o do site do HOTMAIL e derivados da Microsoft.



[Você precisa estar registrado e conectado para ver esta imagem.]

6 Re: Pagina HTML um pouco complexa em Sab Mar 16, 2013 2:43 am

rck

avatar

O scroll que eu vejo no outlook parece normal. '-'


Aliás, eu nunca vi um scroll personalizado porque eu uso Firefox.



Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]


[Você precisa estar registrado e conectado para ver esta imagem.]

Por favor, leia as [Você precisa estar registrado e conectado para ver este link.], para mantermos uma organização cabulosa.

7 Re: Pagina HTML um pouco complexa em Dom Mar 17, 2013 4:26 pm

Nightmare

avatar
Fico bem bonita,parabens.
Tem como mudar o bg?





[Você precisa estar registrado e conectado para ver esta imagem.]
Divine Art's
Outras Sign
Primeira modelada bem feita:
Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]

8 Re: Pagina HTML um pouco complexa em Dom Mar 17, 2013 7:58 pm

rck

avatar

É a background menos poluida que pude encontrar no google imagens, mas se quiser, pode mudar.

O codigo não está criptografado.



Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]


[Você precisa estar registrado e conectado para ver esta imagem.]

Por favor, leia as [Você precisa estar registrado e conectado para ver este link.], para mantermos uma organização cabulosa.

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum