Ajuda - colocar isso na página de cadastro
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1 • Compartilhe •
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á 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
Última edição por aemdia6 em 18/03/14, 02:33 pm, editado 1 vez(es)
aemdia6- Usuário avançado
-
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474
Re: Ajuda - colocar isso na página de cadastro
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.
:-EraGon-:- Nível 9
-
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414
aemdia6- Usuário avançado
-
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474
Re: Ajuda - colocar isso na página de cadastro
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)
(Se quiserem demonstrar para PunBB também.. =P)
Bookmarlucas654- Usuário destaque
-
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos Ativos : 833
Re: Ajuda - colocar isso na página de cadastro
mas meu fórum é PunBB
aemdia6- Usuário avançado
-
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474
Re: Ajuda - colocar isso na página de cadastro
Então, por favor, edite seu tópico, pois ele informa isto:
Edite para que possa te ajudar a ter um suporte correto.
Versão do fórum:
PHPBB3
Edite para que possa te ajudar a ter um suporte correto.
Bookmarlucas654- Usuário destaque
-
Inscrito dia : 13/01/2012
Mensagens : 580
Pontos Ativos : 833
Re: Ajuda - colocar isso na página de cadastro
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...
aemdia6- Usuário avançado
-
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474
Re: Ajuda - colocar isso na página de cadastro
Olá,
Adicione isso a um novo módulo Javascript:
E isso ao seu CSS:
Abraços.
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.

Kyo Panda- Super usuário
-
Inscrito dia : 08/01/2012
Mensagens : 4640
Pontos Ativos : 5925
Re: Ajuda - colocar isso na página de cadastro
Era isso mesmo que eu queira, obrigado amigo... fica com Deus, abraço.. 

aemdia6- Usuário avançado
-
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum