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 Página HTML - Dragon Ball [Simples] em Qua Fev 27, 2013 5:47 pm

Admin

avatar

Aqui está uma página HTML que é muito simples, fiz faz tempo e vou liberar...

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

Por favor, não remova os créditos.

2 Re: Página HTML - Dragon Ball [Simples] em Qua Fev 27, 2013 7:50 pm

rck

avatar

Muito bugada esta pagina. Nem as imagens carregam, e tem texto pulando fora.

edit: Parece ser um erro do jsbin, vou ver direito essa coisa.

edit2: Sim, as imagens são erro do jsbin. No entanto ainda tem texto pulando fora no menu.



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.

3 Re: Página HTML - Dragon Ball [Simples] em Qua Fev 27, 2013 8:03 pm

Admin

avatar

É, depende a resolução do monitor... Se querer arrumar é só almentar o width do menu. Wink

4 Re: Página HTML - Dragon Ball [Simples] em Qui Fev 28, 2013 12:11 pm

rck

avatar

Minha resolução é 1366x768 e não estou com zoom + nem -



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.

5 Re: Página HTML - Dragon Ball [Simples] em Qui Fev 28, 2013 1:26 pm

Jose Hamizaki

avatar
Bem interessante essa pagina.



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

6 Re: Página HTML - Dragon Ball [Simples] em Qui Fev 28, 2013 3:36 pm

Nightmare

avatar
Acho que so as imagens precisam ser reupadas mas gostei,so que podia ter mais coisas,obrigado pela partilha fire





[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.]

7 Re: Página HTML - Dragon Ball [Simples] em Qui Fev 28, 2013 6:05 pm

Admin

avatar

Como disse, é bem simples...

8 Re: Página HTML - Dragon Ball [Simples] em Qui Fev 28, 2013 6:32 pm

SecTioN

avatar
Legaal !



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

9 Re: Página HTML - Dragon Ball [Simples] em Sab Mar 02, 2013 2:27 am

A Fofa

avatar
Olá!

Gostei, mas realmente está um pouco bugada, mas está boa na estrutura! Very Happy

Até mais! Wink



Spoiler:

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

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


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

A Fofa

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