Ajuda - colocar isso na página de cadastro

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

por aemdia6 em 17/03/14, 08:54 pm

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 17/03/14, 09:23 pm

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 17/03/14, 10:56 pm

olá, o link é esse:

http://bestskins.forumeiros.com/register

vlww amigo..

por Bookmarlucas654 em 18/03/14, 12:45 am

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 18/03/14, 12:54 am

mas meu fórum é PunBB

por Bookmarlucas654 em 18/03/14, 01:12 pm

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 18/03/14, 01:14 pm

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 18/03/14, 02:23 pm

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