Mudar a página de registro para HTML

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

Em curso Mudar a página de registro para HTML

Mensagem por Uatyla em 31/05/14, 03:24 pm

  • Descrição:
Olá senhores!

Como sempre analiso algumas funções aqui no fórum que possa ser útil para meu fórum, achei essa aqui fantástica http://punbbteste.forumeiros.com/h12-
porém queria saber si é possível fazer uma página dessa, somente quando o membro for conectar ou registrar, é possível?

  • Informações:
Fórum:http://vidadeaquarista.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Mudar,página,registro



Última edição por uatyla em 31/05/14, 04:22 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Em curso Re: Mudar a página de registro para HTML

Mensagem por TappedOut em 31/05/14, 03:39 pm

Aqui está, amigo.
Código:
if (location.pathname === '/login') {
  location.href = '/h12-';
}
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Em curso Re: Mudar a página de registro para HTML

Mensagem por Uatyla em 31/05/14, 03:46 pm

Mais como crio a página? A que usei é só um exemplo que vi, aqui no fdf!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Em curso Re: Mudar a página de registro para HTML

Mensagem por TappedOut em 31/05/14, 03:48 pm

Pagina HTML
Código:

<!DOCTYPE html>
    <html>
    <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/Ggzvfr8.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;
        }
        #wrap{
            margin: 0 auto;
            max-width: 50%;
            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;
        }
        </style>
    </head>
    <body>
      
        <form action="/login?">
            <p id="logo">forumname</p>
            <div id="wrap">
                <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="/profile?mode=sendpassword">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>
        </form>
      
    </body>
    </html>

Javascript >> Investidos em todas as paginas:

Código:
if (location.pathname === '/login') {
  location.href = '/hID-';
}
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Em curso Re: Mudar a página de registro para HTML

Mensagem por Uatyla em 31/05/14, 03:53 pm

Si por ventura eu precisar trocar a imagem, como faço?

@edite,
 já encontrei onde troca a imagem mais não achei ainda onde trocar o nome do fórum.


Última edição por uatyla em 31/05/14, 03:55 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Em curso Re: Mudar a página de registro para HTML

Mensagem por TappedOut em 31/05/14, 03:54 pm

A do fundo?
Procure por
Código:
background: #333 url('http://i.imgur.com/Ggzvfr8.jpg') no-repeat;

E troque isto:
Código:
http://i.imgur.com/Ggzvfr8.jpg
Pela imagem desejada ('URL DA IMAGEM')
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Em curso Re: Mudar a página de registro para HTML

Mensagem por HTML em 31/05/14, 04:06 pm

Este é o código da página:

Código:

<!DOCTYPE html>
    <html>
    <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/Ggzvfr8.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;
        }
        #wrap{
            margin: 0 auto;
            max-width: 50%;
            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;
        }
        </style>
    </head>
    <body>
      
       <form action="/login?">
            <p id="logo">forumname</p>
            <div id="wrap">
                <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="/profile?mode=sendpassword">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>
        </form>
      
   </body>
    </html>

Para definir ao clicar em "login", adicione este JavaScript, com investimento em "todas as páginas".

Código:
$(function () {
    $('a[href="/login"]').attr('href', '/h1-');
});

Troque "h1-", pelo número de sua página.

Caso desejar no registro, altere "/login" por "/register".

Até mais.
avatar

HTML
Nível 8

Masculino
Inscrito dia : 17/04/2014
Mensagens : 114
Pontos Ativos : 216

Ver perfil do usuário http://html.ativoforum.com/

Em curso Re: Mudar a página de registro para HTML

Mensagem por TappedOut em 31/05/14, 04:07 pm

PUNKS ja expliquei tudo á ele, fique tranquilo.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Em curso Re: Mudar a página de registro para HTML

Mensagem por Uatyla em 31/05/14, 04:22 pm

Vlw colega, ajudou bastante.


Olha ai o Resultado: Vida de Aquarista
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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