Divisoria das categorias
+2
Ace
mania online
6 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Divisoria das categorias
Qual é minha questão:
Olá,
Eu queria mudar a divisoria dos caminhos feitos, vou exeplicar melhor com a imagem:
https://i.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:
https://i.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
Olá,
Eu queria mudar a divisoria dos caminhos feitos, vou exeplicar melhor com a imagem:
https://i.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:
https://i.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
Re: Divisoria das categorias
Ace escreveu:Olá,
O senhor poderia nos enviar onde viu tal efeito?
Até Mais.
aqui está:
http://spdesign.ativoforum.com/
Re: Divisoria das categorias
Olá!
Aceda à ''Folha de estilo CSS''
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Até mais.
Aceda à ''Folha de estilo CSS''
Painel de Controle Visualização Imagens e Cores Cores 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- ***
- Membro desde : 29/06/2012
Mensagens : 165
Pontos : 224
Re: Divisoria das categorias
Ola,
Este código tem para a versão Phpbb3 ?
Amigo tente este código!
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;
}
Re: Divisoria das categorias
Olá!
Aceda à ''Folha de estilo CSS''
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Até mais.
Aceda à ''Folha de estilo CSS''
Painel de Controle Visualização Imagens e Cores Cores 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- ***
- Membro desde : 29/06/2012
Mensagens : 165
Pontos : 224
Re: Divisoria das categorias
Olá senhor,
Para qual versão deseja que eu monte o código? Tem que ser mais expecifico.
Abraços
Para qual versão deseja que eu monte o código? Tem que ser mais expecifico.
Abraços
Re: Divisoria das categorias
Shelex escreveu:Olá!
Aceda à ''Folha de estilo CSS''
Painel de Controle Visualização Imagens e Cores Cores 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- ***
- Membro desde : 29/06/2012
Mensagens : 165
Pontos : 224
Re: Divisoria das categorias
Agora sim
Aceda à teu CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
Coloque o código abaixo no INICIO de teu CSS:
Até mais.
Aceda à teu CSS:
Painel de Controle Visualização Imagens e Cores Cores 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.
Re: Divisoria das categorias
niig3l pode deixar o meu código ativo para eu visualizar o erro?
Shelex- ***
- Membro desde : 29/06/2012
Mensagens : 165
Pontos : 224
Re: Divisoria das categorias
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?
Mikéé, o seu código funcionou muito bem, mas está muito claro...
Será que o poderá colocar mais claro por favor?
Re: Divisoria das categorias
Sim, veja o código:
Apenas modifique à área vermelha.
Até mais.
- Spoiler:
- .pathname-box a {
background: url(https://i.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.
Re: Divisoria das categorias
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
Uma cor mais escura que o branco mas nao muito
Re: Divisoria das categorias
Olá,
Troque o código que eu lhe passei por este:
Até mais.
Troque o código que eu lhe passei por este:
- Spoiler:
- .pathname-box a {
background: url(https://i.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.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos