Atalhos de navegação

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

Resolvido Atalhos de navegação

Mensagem por iHeloaD em 19/04/13, 10:01 pm

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


Última edição por iStriker em 27/04/13, 09:12 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por HermeS. em 19/04/13, 10:26 pm

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.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

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

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 20/04/13, 08:23 am

Ficou assim:


Porém eu queria que ficasse assim:


É possível me ajudar?
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por Convidado em 20/04/13, 12:08 pm

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é Piscada

Convidado
Convidado


Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 20/04/13, 01:34 pm

Não resultou PabloW.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por Convidado em 20/04/13, 03:22 pm

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é Piscada

Convidado
Convidado


Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 20/04/13, 04:21 pm

Ainda não o.O Triste .
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por seender em 20/04/13, 08:00 pm

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!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 20/04/13, 08:30 pm

Nenhum resultado.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 21/04/13, 06:21 pm

avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 22/04/13, 05:22 pm

avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por seender em 22/04/13, 09:25 pm

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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 22/04/13, 09:41 pm

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.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 23/04/13, 11:43 am

UP!
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 25/04/13, 05:15 pm

UP
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 27/04/13, 09:10 pm

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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