Arrumar esse bug aqui

[Alex Habilidade]

Qual é minha questão:
Como podem observar na imagem esta bugado à parte que mostra o caminho que fiz no fórum, os nomes dos caminhos não ficam encaixados no quadrado corretamente vejam: https://i.servimg.com/u/f49/14/99/55/84/bug10.jpg

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

Versão do fórum:
PUNBB

[LucaaS Sizanoski]

Tente Substituir Seu Codigo Por Esse -

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

[Alex Habilidade]

Olá,

Não resultou...

[Consolado]

Olá!

Remova esse código de sua CSS:

Código:

.crumbs a{-moz-border-radius:3px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);-webkit-border-radius:3px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);background:-moz-linear-gradient(0%0%270deg,#FEFEFE,#f0f0f0);border:solid 1px silver;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);color:#717171;font-size:.875em;font-weight:700;margin-right:4px;padding:2px 5px;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,1)}

Depois aplique esse:

Código:

.crumbs a{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;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}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}

Melhores cumprimentos.

[Sennior]

Olá autor,

Mande-nós o código usado por gentileza.

Até mais.

[Alex Habilidade]

Olá!

Remova esse código de sua CSS:

Código:

.crumbs a{-moz-border-radius:3px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);-webkit-border-radius:3px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);background:-moz-linear-gradient(0%0%270deg,#FEFEFE,#f0f0f0);border:solid 1px silver;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.1);color:#717171;font-size:.875em;font-weight:700;margin-right:4px;padding:2px 5px;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,1)}

Depois aplique esse:

Código:

.crumbs a{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;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}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}

Melhores cumprimentos.

O código que voce pediu para eu remover não tem em meu CSS.

[Alex Habilidade]

Olá autor,

Mande-nós o código usado por gentileza.

Até mais.

Creio que o código do meu css que faça esse efeito seja esse rs:

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

Outro código que tem em meu css que não me recordo para quer serve é esse:

Código:

.pun-crumbs, #pun-crumbs {
  margin: 0 1px 1em;
  padding: .2em 1em;}

.pun-crumbs p, #pun-crumbs p {
  font-size: 1.11em;
  line-height: 1.5;
  margin: 0;}
 
.crumbs a{
  padding: 2px 5px;
  margin-right: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #c0c0c0;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  font-size: .875em;
  font-weight: bold;
  text-decoration: none;
  color: #717171;
  text-shadow: 0px 1px 0px rgba(255,255,255, 1);
  background: #fefefe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
  background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);}

.pun-crumbs .crumbs strong a{
  border: none;
  background: #616161;
  box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
  -moz-box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
  -webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
  color: #f0f0f0 !important;
  text-shadow: 0px 0px 3px rgba(0,0,0, .5);}

#pun-crumbs .crumbs strong a:last-child{
  border: none;
  background: #616161;
  box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
  -moz-box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
  -webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
  color: #f0f0f0 !important;
  text-shadow: 0px 0px 3px rgba(0,0,0, .5);}

[LucaaS Sizanoski]

Retire Seu Codigo E Coloque Esse

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

? resulta

[Consolado]

Olá!

Remova os dois códigos CSS citados acima por você e substitua por esse:

Código:

.crumbs a{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;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}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}

Melhores cumprimentos.

[Alex Habilidade]

Olá!

Remova os dois códigos CSS citados acima por você e substitua por esse:

Código:

.crumbs a{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;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}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}

Melhores cumprimentos.

Veja como ficou: https://i.servimg.com/u/f49/14/99/55/84/erro11.jpg

[Consolado]

Olá!

Adicione esse outro código 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}

Melhores cumprimentos.

[Alex Habilidade]

Olá,

Ta quase lá, agora só falta os links se encaixarem corretamente no quadro veja:
https://i.servimg.com/u/f49/14/99/55/84/assim17.jpg

[Alex Habilidade]

up

[Alex Habilidade]

UP

[Alex Habilidade]

UP!

[LucaaS Sizanoski]

Olá amigo , adicione no inicio do seu 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;
}

Resulta ? Até Mais , Cordialmente iFasT

[Alex Habilidade]

Olá

Agradeço por esta tentando me ajudar iFasT, mais o código que me passou não resultou.

[LucaaS Sizanoski]

Coloque codigo que forneci a cima no inicio da css e marque - Sim ' Melhorar CSS '

Resulta ? Até Mais ,

Obs - Retire Todos Os Codigos Envolvidos com essa questão .

Até Mais ,

[Alex Habilidade]

Olá,

Estou fazendo exatamente isso iFasT.

[Alex Habilidade]

Up.

[Alex Habilidade]

up

[Alex Habilidade]

UP.

[Alex Habilidade]

up

[SrAndy]

Ola Amigo

tente este codigo

Spoiler:

[Alex Habilidade]

Olá SrAndy™

Não resultou.

[Consolado]

Olá!

Remova todos os códigos que envolvam essa questão e utilize esse código CSS:

Código:

.pun-crumbs{margin:0 1px 1em;padding:.2em 1em}.pun-crumbs p{color:#666;font-size:1.11em;line-height:1.5;margin:0}.pun-crumbs a{text-decoration:none}.pun .pun-crumbs .crumbs{font-size:.8em}.pun .pun-crumbs .crumbs a{margin:0 1.25em 0 .5em}.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 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}p.crumbs a:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;color:#222}p.crumbs{color:#F3F3F3}

Melhores cumprimentos.

[Alex Habilidade]

Olá Today,

Não resultou.

[Ace]

Olá,

Adicione 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}.pun-crumbs noprint{display: none;}

Atenciosamente.

[Alex Habilidade]

Olá Ace,

Também não resultou.

[Alex Habilidade]

up.

[Luciano98]

Olá!

Utilize esse código CSS:

Código:

div.pun-crumbs.noprint{font-size:0px;height:32px}div.pun-crumbs.noprint p.crumbs{display:inline}div.pun-crumbs.noprint a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;color:#777!important;font-size:11px;line-height:30px;padding:9px 19px 11px 10px;font-weight:normal}div.pun-crumbs.noprint p.crumbs a.nav:last-child{display:none}div.pun-crumbs.noprint strong a{background:url() transparent}

Até mais.

[Alex Habilidade]

Obrigado resultou;