Modificar "Registrar-se"

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

Resolvido Modificar "Registrar-se"

Mensagem por JeffLm em 14/07/14, 10:13 pm

  • Descrição:
Qual é minha questão:
Eu quero um código que faça ficar assim a página de registrar-se
Imagem:http://i.minus.com/ji6YpVUPytrbR.bmp

Site que eu peguei o print

  • Informações:
Fórum:http://theshadowdragonrpg.forumeiros.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:Modificar,Registrar-se



Última edição por JeffLm em 19/07/14, 07:18 pm, editado 1 vez(es)
avatar

JeffLm
Nível 7

Masculino
Inscrito dia : 27/03/2014
Mensagens : 88
Pontos Ativos : 139

Ver perfil do usuário http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

Resolvido Re: Modificar "Registrar-se"

Mensagem por Hancki em 15/07/14, 07:21 am

Olá!

Use este código numa nova página Javascript, investida em todas as páginas:
Código:
$(function () {
    var HTML = '<div class="msg_text" style="background:url(http://narutogame.com.br/images/layout/msg/2/1.png) no-repeat bottom;"> <b>Agora falta pouco!</b> <p>Preencha os dados abaixo para criar sua conta do Naruto Game e ter seu personagem nessa aventura.<br>Após seu cadastro será enviando um email para que você confirme seu cadastro, portanto é necessário informar um EMAIL VÁLIDO, para que possa jogar Naruto Game!</p> </div> <style> .msg_text { max-height: 244px !important; padding-top: 70px !important; position: relative !important; z-index: 1 !important; padding-left: 250px !important; padding-bottom: 55px !important; padding-right: 20px !important; background-position: -20px !important; min-height: 180px !important; } .msg_text b { color: #ffd273 !important; font-size: 18px !important; text-transform: uppercase !important; } .msg_text p { color: #d1d8f1 !important; font-size: 12px !important; padding-top: 10px !important; } .msg_text:before, .msg_text:after { height: 59px !important; display: block !important; position: absolute !important; bottom: 0px !important; width: 100% !important; content: " " !important; width: 727px !important; } .msg_text:after { content: " " !important; height: 59px !important; display: block !important; position: absolute !important; width: 550px !important; background-image: url(http://narutogame.com.br/images/layout/msg/msg_topo.png) !important; top: 2px !important; } </style>';
    if (window.location.href.indexOf("/register?agreed=true&step=2") > -1 || $('#form_register').length) {
        $('#form_register').before(HTML);
    }
});
Resultado: http://prntscr.com/42uxyq

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Modificar "Registrar-se"

Mensagem por JeffLm em 15/07/14, 06:58 pm

Olá hancki o código é bom,mas poderia me indicar as linhas do código onde está o link da imagem para eu poder editar?É que eu vou colocar outras imagens para as bordas e o personagem na frente

Grato Feliz
avatar

JeffLm
Nível 7

Masculino
Inscrito dia : 27/03/2014
Mensagens : 88
Pontos Ativos : 139

Ver perfil do usuário http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

Resolvido Re: Modificar "Registrar-se"

Mensagem por Hancki em 16/07/14, 02:06 pm

O código novo:
Código:
$(function () {
    var Personagem = 'http://narutogame.com.br/images/layout/msg/2/1.png';
    var Bordas = 'http://narutogame.com.br/images/layout/msg/msg_topo.png';
    var HTML = '<div class="msg_text" style="background:url(' + Personagem + ') no-repeat bottom;"> <b>Agora falta pouco!</b> <p>Preencha os dados abaixo para criar sua conta do Naruto Game e ter seu personagem nessa aventura.<br>Após seu cadastro será enviando um email para que você confirme seu cadastro, portanto é necessário informar um EMAIL VÁLIDO, para que possa jogar Naruto Game!</p> </div> <style> .msg_text { max-height: 244px !important; padding-top: 70px !important; position: relative !important; z-index: 1 !important; padding-left: 250px !important; padding-bottom: 55px !important; padding-right: 20px !important; background-position: -20px !important; min-height: 180px !important; } .msg_text b { color: #ffd273 !important; font-size: 18px !important; text-transform: uppercase !important; } .msg_text p { color: #d1d8f1 !important; font-size: 12px !important; padding-top: 10px !important; } .msg_text:before, .msg_text:after { height: 59px !important; display: block !important; position: absolute !important; bottom: 0px !important; width: 100% !important; content: " " !important; width: 727px !important; } .msg_text:after { content: " " !important; height: 59px !important; display: block !important; position: absolute !important; width: 550px !important; background-image: url(' + Bordas + ') !important; top: 2px !important; } </style>';
    if (window.location.href.indexOf("/register?agreed=true&step=2") > -1 || $('#form_register').length) {
        $('#form_register').before(HTML);
    }
});
Procure nas linhas 3 e 4 do código pelos endereços correspondente à personagem e bordas que deseja.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Modificar "Registrar-se"

Mensagem por JeffLm em 18/07/14, 08:24 pm

Olá hancki o código funcionou mas as imagens bugaram

*O bug está na imagem que está escrito "Registrar-se
avatar

JeffLm
Nível 7

Masculino
Inscrito dia : 27/03/2014
Mensagens : 88
Pontos Ativos : 139

Ver perfil do usuário http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

Resolvido Re: Modificar "Registrar-se"

Mensagem por Hancki em 19/07/14, 12:20 pm

Só tem que usar este CSS na sua folha de estilos:
Código:
.msg_text:after {
   background-repeat: no-repeat;
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Modificar "Registrar-se"

Mensagem por JeffLm em 19/07/14, 07:18 pm

Agora funciono!!!Obrigado Hancki Muito feliz !
Tópico Resolvido
avatar

JeffLm
Nível 7

Masculino
Inscrito dia : 27/03/2014
Mensagens : 88
Pontos Ativos : 139

Ver perfil do usuário http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

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