Modificar "Registrar-se"

• 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:

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);
    }
});

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);
    }
});

Código:

.msg_text:after {
   background-repeat: no-repeat;
}