Mudar a página de registro para HTML

3 participantes

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

Tópico em curso Mudar a página de registro para HTML

Mensagem por Uatyla 31.05.14 19:24

  • 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 20:22, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico em curso Re: Mudar a página de registro para HTML

Mensagem por TappedOut 31.05.14 19:39

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

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico em curso Re: Mudar a página de registro para HTML

Mensagem por Uatyla 31.05.14 19:46

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

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

  • 0

Tópico em curso Re: Mudar a página de registro para HTML

Mensagem por TappedOut 31.05.14 19:48

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-';
}
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico em curso Re: Mudar a página de registro para HTML

Mensagem por Uatyla 31.05.14 19:53

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 19:55, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico em curso Re: Mudar a página de registro para HTML

Mensagem por TappedOut 31.05.14 19:54

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')
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico em curso Re: Mudar a página de registro para HTML

Mensagem por HTML 31.05.14 20:06

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.
HTML

HTML
***

Membro desde : 17/04/2014
Mensagens : 114
Pontos : 216

http://html.ativoforum.com/

Ir para o topo Ir para baixo

Tópico em curso Re: Mudar a página de registro para HTML

Mensagem por TappedOut 31.05.14 20:07

PUNKS ja expliquei tudo á ele, fique tranquilo.
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico em curso Re: Mudar a página de registro para HTML

Mensagem por Uatyla 31.05.14 20:22

Vlw colega, ajudou bastante.


Olha ai o Resultado: Vida de Aquarista
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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