Ajuda - colocar isso na página de cadastro

Item: Ajuda - colocar isso na página de cadastro
Rating: 1
Author: Forumeiros

por aemdia6 em Seg 17 Mar 2014 - 23:54

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

por :-EraGon-: em Ter 18 Mar 2014 - 0:23

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.

por aemdia6 em Ter 18 Mar 2014 - 1:56

olá, o link é esse:

http://bestskins.forumeiros.com/register

vlww amigo..

por Bookmarlucas654 em Ter 18 Mar 2014 - 3:45

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)

por aemdia6 em Ter 18 Mar 2014 - 3:54

mas meu fórum é PunBB

por Bookmarlucas654 em Ter 18 Mar 2014 - 16:12

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.

por aemdia6 em Ter 18 Mar 2014 - 16:14

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

por Kyo Panda em Ter 18 Mar 2014 - 17:23

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>Passo 1Condições de utiliz. </li><li class="" style="width: 83px;">Passo 2Sua conta </li><li class="" style="width: 83px;">Passo 3Confirmação </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; }