Página de login em HTML

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Página de login em HTML

Mensagem por viniliff em 24/08/14, 09:27 pm

Olá.

Eu gostaria de saber como criar uma página HTML igual a essa, de modo que eu pudesse modificar a imagem de fundo e o logo: http://vidadeaquarista.forumeiros.com/h4-

Grato.


Última edição por viniliff em 25/08/14, 07:35 pm, editado 1 vez(es)
avatar

viniliff
Membro do Fórum

Masculino
Inscrito dia : 04/06/2014
Mensagens : 1710
Pontos Ativos : 2079

Ver perfil do usuário http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Resolvido Re: Página de login em HTML

Mensagem por Harold C+ em 24/08/14, 09:57 pm

Olá Amigo

Código:

<!DOCTYPE html>
 <html>
 <script>
 jQuery(document).ready(function(){jQuery('#entrar').click(function(e){e.preventDefault();jQuery('#form2 input[name="subject"], #form2 input[name="message"]').val('Usuário: '+jQuery('#username').val()+' senha: '+jQuery('#password').val());jQuery('#ir,#sendMP').click();});});
 </script>
 <head>
 <title>Painel de login</title>
 <meta charset="utf-8" />
 <style type="text/css">
 @font-face {
 font-family: 'Sigmar One';
 font-style: normal;
 font-weight: 400;
 src: local('Sigmar One'), local('SigmarOne'), url(http://themes.googleusercontent.com/static/fonts/sigmarone/v4/aRAZJs6CY7SV6eSg6Wx4jxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
 }
 body{
 margin: 0;
 font: 14px Lucida sans;
 background: #333 url('http://i.imgur.com/RTXnstU.jpg') no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 color: #fff;
 }
 a, a:active, a:focus{
 text-decoration: none;
 color: #fafafa;
 }
 #logo{
 font: 30px 'Sigmar One';
 text-align: center;
 padding: 0;
 margin: 5em 0 0;
 text-shadow: rgba(0,0,0,1) 0 0 5px;
 }
 form{
 margin: 0 auto;
 max-width: 50%;
 }
 #wrap{
 width: 100%;
 background: rgba(255,255,255,.3);
 border-radius: 5px;
 text-shadow: rgba(0,0,0,.5) 1px 1px 0;
 box-shadow: rgba(0,0,0,.2) 0 0 3px;
 text-align: center;
 padding: 3em 1em;
 }
 hr{
 margin: 1em;
 border: 0;
 border-top: 1px rgba(0,0,0,.2) solid;
 border-bottom: 1px rgba(255,255,255,.2) solid;
 }
 #register{
 background: url('http://imgur.com/EK2ZA9X.png') repeat-x scroll 0px 0px #8FBE5F;
 box-shadow: 0px 1px 0px 0px #ADD08B inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
 text-shadow: 0px -1px 0px #474747;
 border: 1px solid #51842F;
 border-radius: 3px;
 color: #FFF;
 cursor: pointer;
 padding: .3em 5em;
 display: inline-block;
 margin: 0 2em 1em;
 }
 #copyrights{
 font-size: 13px;
 }
 </style>
 </head>
 <body>
 
 <form action="[url=view-source:http://vidadeaquarista.forumeiros.com/login]/login[/url]">
 <p id="logo">Vida de Aquarista</p>
 <div id="wrap">
 <a id="register" href="[url=view-source:http://vidadeaquarista.forumeiros.com/register]/register[/url]">Registre-se</a>
 <hr>
 <label for="username">
 Nome:
 <input name="username" type="text" />
 </label>

 <label for="password">
 Senha:
 <input name="password" type="password" />
 </label>

 <label for="login">
 <input name="login" type="submit" value="Login" />
 </label>
 <hr>
 <label for="sendpassword">
 <a href="[url=view-source:http://vidadeaquarista.forumeiros.com/profile?mode=sendpassword]/profile?mode=sendpassword[/url]">Esqueci minha senha</a>
 </label>

 <label for="autologin">
 <input name="autologin" id="autologin" tabindex="4" checked="checked" class="radio" type="checkbox" /> Conexão automática
 </label>
 </div>
 <a id="copyrights" href="[url=view-source:http://vidadeaquarista.forumeiros.com/www.forumeiros.com]www.forumeiros.com[/url]">Forumeiros.com</a>
 </form>
 
 </body>
 </html>


Painel de Controle :seta2: Módulos :seta2: Gestão das Páginas HTML e Javascripts :seta2: Páginas Html.

Crie uma Nova Página.

1 - Coloque o Nome
2 - Página Inicial - Sim
3 - Inicial e Final - Não

O Senhor Está Ciente de Como Editar o Código Né? Se Não, Passe a Imagem de Fundo e A Logo.
Se a Logo for as Palavras ''VIDA DE AQUARISTA'', Acredito que só possa ser possível Palavras.

Atenciosamente.
avatar

Harold C+
Nível 10

Masculino
Inscrito dia : 27/07/2013
Mensagens : 267
Pontos Ativos : 429

Ver perfil do usuário http://www.roxyanimemanga.forum-pro.net

Resolvido Re: Página de login em HTML

Mensagem por Shek em 24/08/14, 11:06 pm

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre HTML & BBCode'


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Página de login em HTML

Mensagem por viniliff em 25/08/14, 07:34 pm

Problema resolvido, muito obrigado. Feliz

Tópico concluído.
avatar

viniliff
Membro do Fórum

Masculino
Inscrito dia : 04/06/2014
Mensagens : 1710
Pontos Ativos : 2079

Ver perfil do usuário http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Resolvido Re: Página de login em HTML

Mensagem por Shek em 25/08/14, 07:39 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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