Divisoria das categorias

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Divisoria das categorias

Mensagem por mania online em 27/10/12, 10:36 am

Qual é minha questão:
Olá,

Eu queria mudar a divisoria dos caminhos feitos, vou exeplicar melhor com a imagem:
http://i49.servimg.com/u/f49/14/99/55/84/divisa10.jpg

Eu queria mudar onde esta a marcação em vermelha, andei analizando alguns foruns e achei interessante. Veja um exemplo de como poderia ser:

http://i49.servimg.com/u/f49/14/99/55/84/poderi10.jpg

Alguém pode me ajudar?

orbigado;

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx/forum

Versão do meu fórum:
PUNBB
avatar

mania online
Nível 4

Masculino
Inscrito dia : 25/10/2012
Mensagens : 26
Pontos Ativos : 40

Ver perfil do usuário http://maniaonline.foroactivo.com.mx/forum

Resolvido Re: Divisoria das categorias

Mensagem por Ace em 27/10/12, 10:48 am

Olá,

O senhor poderia nos enviar onde viu tal efeito? Piscada

Até Mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Divisoria das categorias

Mensagem por mania online em 27/10/12, 10:49 am

@Ace escreveu:Olá,

O senhor poderia nos enviar onde viu tal efeito? Piscada

Até Mais.

aqui está:

http://spdesign.ativoforum.com/
avatar

mania online
Nível 4

Masculino
Inscrito dia : 25/10/2012
Mensagens : 26
Pontos Ativos : 40

Ver perfil do usuário http://maniaonline.foroactivo.com.mx/forum

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 03:27 pm

Eu também queria este efeito Feliz
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por Shelex em 27/10/12, 03:34 pm

Olá!

Aceda à ''Folha de estilo CSS''
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}

Até mais.

Shelex
Nível 9

Masculino
Inscrito dia : 29/06/2012
Mensagens : 165
Pontos Ativos : 224

Ver perfil do usuário

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 04:02 pm

Tentei, e não funcionou Triste
Ajuda!!!
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por Sr.pepek em 27/10/12, 04:34 pm

Ola,
Este código tem para a versão Phpbb3 ?

Amigo tente este código!

Código:
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 04:44 pm

EU QUERO ESTE CODIGO PARA PHBB3
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por Shelex em 27/10/12, 05:23 pm

Olá!

Aceda à ''Folha de estilo CSS''
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}

Até mais.

Shelex
Nível 9

Masculino
Inscrito dia : 29/06/2012
Mensagens : 165
Pontos Ativos : 224

Ver perfil do usuário

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 05:28 pm

Shelex, isso e para PUNBB, não tem para PHBB3!!!
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por Sennior em 27/10/12, 05:45 pm

Olá senhor,

Para qual versão deseja que eu monte o código? Tem que ser mais expecifico.

Abraços Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 05:52 pm

Ola Mikéé, queria essa codigo para a versao PHBB3 please Feliz
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por Shelex em 27/10/12, 05:53 pm

@Shelex escreveu:Olá!

Aceda à ''Folha de estilo CSS''
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}

Até mais.

Amigo esse código funciona perfeitamente aposto que o senhor nem testou o código por favor teste esse código é para PhpBB3

Shelex
Nível 9

Masculino
Inscrito dia : 29/06/2012
Mensagens : 165
Pontos Ativos : 224

Ver perfil do usuário

Resolvido Re: Divisoria das categorias

Mensagem por Sennior em 27/10/12, 05:56 pm

Agora sim Piscada

Aceda à teu CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Coloque o código abaixo no INICIO de teu CSS:

Código:
.pathname-box a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
Matched CSS Rules
.pathname-box p {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
padding: 6px;
}

Até mais. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 05:58 pm

Eu já tentei, nao funciona Triste
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por Shelex em 27/10/12, 05:59 pm

niig3l pode deixar o meu código ativo para eu visualizar o erro?

Shelex
Nível 9

Masculino
Inscrito dia : 29/06/2012
Mensagens : 165
Pontos Ativos : 224

Ver perfil do usuário

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 06:02 pm

Shelex, apenas não aparece nenhum efeito...

Mikéé, o seu código funcionou muito bem, mas está muito claro...
Será que o poderá colocar mais claro por favor?
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por Sennior em 27/10/12, 06:05 pm

Sim, veja o código:

Spoiler:
.pathname-box a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
Matched CSS Rules
.pathname-box p {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
padding: 6px;
}

Apenas modifique à área vermelha.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 06:13 pm

Já fiz como você disse, mas não muda cor nenhuma...
Ajuda? Feliz
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por Sennior em 27/10/12, 06:18 pm

Olá querido,

Qual cor deseja?

Até mais. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 06:20 pm

Uma cor mais escura, pois no meu forum o fundo é branco, e quase não se ve...

Uma cor mais escura que o branco mas nao muito Feliz
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por Sennior em 27/10/12, 06:24 pm

Olá,

Troque o código que eu lhe passei por este:

Spoiler:
.pathname-box a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
Matched CSS Rules
.pathname-box p {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #A3A3A3 !important;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
padding: 6px;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Divisoria das categorias

Mensagem por niig3l em 27/10/12, 06:29 pm

não aconteceu nada, mais uma vez Triste
avatar

niig3l
Nível 7

Masculino
Inscrito dia : 20/10/2012
Mensagens : 98
Pontos Ativos : 133

Ver perfil do usuário http://kromusarts.forumeiros.com/

Resolvido Re: Divisoria das categorias

Mensagem por mania online em 28/10/12, 12:10 am

Olá,

Deu certo, pode bloquear.
avatar

mania online
Nível 4

Masculino
Inscrito dia : 25/10/2012
Mensagens : 26
Pontos Ativos : 40

Ver perfil do usuário http://maniaonline.foroactivo.com.mx/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum