Modificar "Registrar-se"

2 participantes

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

Tópico resolvido Modificar "Registrar-se"

Mensagem por JeffLm 15.07.14 2:13

  • 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 23:18, editado 1 vez(es)
JeffLm

JeffLm
**

Membro desde : 27/03/2014
Mensagens : 88
Pontos : 139

http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar "Registrar-se"

Mensagem por Hancki 15.07.14 11:21

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar "Registrar-se"

Mensagem por JeffLm 15.07.14 22:58

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
JeffLm

JeffLm
**

Membro desde : 27/03/2014
Mensagens : 88
Pontos : 139

http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar "Registrar-se"

Mensagem por Hancki 16.07.14 18:06

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar "Registrar-se"

Mensagem por JeffLm 19.07.14 0:24

Olá hancki o código funcionou mas as imagens bugaram
Modificar "Registrar-se" 6jloac
*O bug está na imagem que está escrito "Registrar-se
JeffLm

JeffLm
**

Membro desde : 27/03/2014
Mensagens : 88
Pontos : 139

http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar "Registrar-se"

Mensagem por Hancki 19.07.14 16:20

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

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar "Registrar-se"

Mensagem por JeffLm 19.07.14 23:18

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

JeffLm
**

Membro desde : 27/03/2014
Mensagens : 88
Pontos : 139

http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

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