Atalhos de navegação

Qual é minha questão:
Olá,

Eu utilizo este código para o efeito de "Atalhos de navegação" em meu 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;
}

Porém olhem como ele fica:


Eu gostaria que o mesmo ficasse assim:


Fórum em que vi o mesmo aplicado:
http://spdesign.ativoforum.com

Endereço do meu fórum:
http://swdesign.ativoforum.com

Versão do fórum:
PHPBB3

Saudações,

Substitua o código por este:

Código:

.pathname-box{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% 100%;border-radius:6px;padding:22px 54px 11px 13px}
.pathname-box {
font-color: #FFFFFF;
}

Até mais.

Ficou assim:


Porém eu queria que ficasse assim:


É possível me ajudar?

Saudações!

Troque o código por este

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: 50px;
padding: 13px 17px 13px 4px;
}

Até

Não resultou PabloW.

Saudações!

Tente este

Código:

.pathname-box{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% 100%;border-radius:6px;padding:22px 54px 11px 13px}
.pathname-box {
font-color: #FFFFFF;
}
.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;
}

Até

Ainda não o.O .

Olá!

Retire quaisquer códigos fornecidos neste tópico e adicione apenas este:

Código:

p.nomargin{color:#EEE;font-size:1.11em;line-height:1.5;margin-left:-25px;text-shadow:none}.nomargin{background:linear-gradient(top,#f9f9f90%,#eee100%)!important;border:1px solid #e3e3e3;border-radius:2px 2px 2px 2px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#eeeeee',GradientType=0)!important;font-size:11px;margin:0 auto;overflow:hidden;padding:0 10px 0 0;text-shadow:1px 1px 0 #FAFAFA}.nomargin a{background-color:#F5F5F5;color:#777;display:block;float:left;padding:8px 0 8px 40px;position:relative;text-decoration:none}.nomargin a:after{border-bottom:50px solid transparent;border-left:25px solid #F5F5F5;border-top:50px solid transparent;content:" ";display:block;height:0;left:100%;margin-top:-50px;position:absolute;top:50%;z-index:2}.nomargin a:before{border-bottom:50px solid transparent;border-left:25px solid #F5F5F5;border-top:50px solid transparent;content:" ";display:block;height:0;left:100%;margin-left:1px;margin-top:-50px;position:absolute;top:50%;z-index:1}.nomargin a :first-child a{padding-left:10px}.nomargin a:hover{background:none repeat scroll 0 0 #F9F9F9;color:#777}.nomargin a:hover:after{border-left-color:#F9F9F9!important}


Até mais!

Nenhum resultado.

Olá!

Veja o resultado em meu fórum: brazucas.forumado.net, funciona perfeitamente o código CSS, deverá retirar quaisquer códigos relacionados a isso da folha estilo CSS.

Melhores cumprimentos,
seender

seender, ele resulta nos sub foruns perfeitamente, mais quando está em um tópico ele não resulta, e em seu fórum nos tópicos o mesmo nem aparece.

UP!

UP

Pode fechar, outros fóruns estão ajudando mais que o FDF, Obrigado por quem tentou