Ajuda - colocar isso na página de cadastro

Qual é minha questão:
Olá alguem mim ajuda a colocar isso :

http://4.bp.blogspot.com/-jaqewxuNKc4/UyeLBy137jI/AAAAAAAABAw/RSSKsIXHJkI/s1600/ssss.JPG

Vlw galera...

Endereço do meu fórum:
http://xgamesaem.forumclan.com

Versão do fórum:
PHPBB3

Olá amigo, para que nos resolva suas questões com mais rapidez, não se esqueça de informar o link de onde viu o que deseja, ok ? não se esqueça de escrever isso no próximo tópico que for criar.

olá, o link é esse:

http://bestskins.forumeiros.com/register

vlww amigo..

Amigo, creio que isto venha a funcionar em fóruns PunBB, mas os membros do FDF faz milagres...
(Se quiserem demonstrar para PunBB também.. =P)

mas meu fórum é PunBB

Então, por favor, edite seu tópico, pois ele informa isto:

Versão do fórum:
PHPBB3

Edite para que possa te ajudar a ter um suporte correto.

Amigo, eu já troquei no perfil , e tbm já troquei o link no perfil tbm.. observe que no meu perfil tem PunBB, mas toda vez quando vou fazer um tópico aparece PHPBB3, não como fazer, já troquei tudo...

Olá,

Adicione isso a um novo módulo Javascript:

Código:

$(function() {
    if (location.href.match(/.*\/(register|act).*/g)) {
      var step, regex;
      step = 0;
      regex = /.*step=(\d+)/g;
       $('#main').prepend($('<div class="ipsSteps clearfix"><ul><li><strong class="ipsSteps_title">Passo 1</strong><span class="ipsSteps_desc">Condições de utiliz.</span><span class="ipsSteps_arrow"> </span></li><li class="" style="width: 83px;"><strong class="ipsSteps_title">Passo 2</strong><span class="ipsSteps_desc">Sua conta</span><span class="ipsSteps_arrow"> </span></li><li class="" style="width: 83px;"><strong class="ipsSteps_title">Passo 3</strong><span class="ipsSteps_desc">Confirmação</span><span class="ipsSteps_arrow"> </span></li></ul></div>'));
      if (location.href.match(regex)) {
         step = parseInt(regex.exec(location.href)[1]) - 1;
      } else if (location.href.indexOf('/act') !== -1) {
          step = 2;
      }
      $('.ipsSteps li').eq(step).addClass('ipsSteps_active');
   }
});

E isso ao seu CSS:

Código:

.ipsSteps {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   background: #E9E9E9;
   border-radius: 3px;
   height: 55px;
   margin: 10px 0;
}

.ipsSteps ul li {
   background-image: url(http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png);
   background-position: 100% -56px;
   background-repeat: no-repeat;
   color: #323232;
   float: left;
   height: 39px;
   list-style-type: none;
   padding: 11px 33px 5px 18px;
   position: relative;
   text-shadow: rgba(255,255,255,0.6) 0 1px 0;
}

.ipsSteps_title {
   display: block;
   font-size: 14px;
   padding-bottom: 4px;
}

.ipsSteps_desc {
    font-size: 11px;
}

.ipsSteps li:first-child {
   -moz-border-radius: 3px 0 0 3px;
   border-radius: 3px 0 0 3px;
}

.ipsSteps .ipsSteps_active {
   background-position: 100% 0;
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}

.ipsSteps_active .ipsSteps_arrow {
   background: url(http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png) no-repeat 0 -112px;
   display: block;
   height: 55px;
   left: -23px;
   position: absolute;
   top: 0;
   width: 23px;
}

Abraços.

Era isso mesmo que eu queira, obrigado amigo... fica com Deus, abraço..