Página de login em HTML

3 participantes

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

Tópico resolvido Página de login em HTML

Mensagem por viniliff 25.08.14 1:27

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 23:35, editado 1 vez(es)
viniliff

viniliff
Super Membro

Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login em HTML

Mensagem por Harold C+ 25.08.14 1:57

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.
Harold C+

Harold C+
****

Membro desde : 27/07/2013
Mensagens : 267
Pontos : 429

http://www.roxyanimemanga.forum-pro.net

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Página de login em HTML

Mensagem por Shek 25.08.14 3:06

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de login em HTML

Mensagem por viniliff 25.08.14 23:34

Problema resolvido, muito obrigado. Feliz

Tópico concluído.
viniliff

viniliff
Super Membro

Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Página de login em HTML

Mensagem por Shek 25.08.14 23:39

Página de login em HTML Symbol10 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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos