Barra de Navegação

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

Resolvido Barra de Navegação

Mensagem por TappedOut em 22/07/14, 09:17 am

  • Descrição:
Minha barra de navegação:

Queria que ficasse assim:



Encontrado em: http://gtamc.net

  • Informações:
Fórum:http://gtamc.ativoforum.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Barra,Navegação



Última edição por WantedZ em 22/07/14, 11:46 am, editado 1 vez(es)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Barra de Navegação

Mensagem por Je4n em 22/07/14, 09:59 am

Em seu css, adicione:
Código:

/* crumbs. */
p.crumbs a:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;
}
.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;
}
.pun .pun-crumbs .crumbs {
font-size:0px;
}
.pun .pun-crumbs .crumbs a {
font-size:11px;
}
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;
}
/* crumbs FIM ©Copyright by Victor - Pixelfocus.com.br Todos os Direitos reservados. */

Não é idêntico, é parecido.
avatar

Je4n
Nível 3

Masculino
Inscrito dia : 21/07/2014
Mensagens : 20
Pontos Ativos : 36

Ver perfil do usuário http://www.wasd.in

Resolvido Re: Barra de Navegação

Mensagem por TappedOut em 22/07/14, 10:07 am

Amigo, quando passa mouse por cima fica estranho
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Barra de Navegação

Mensagem por First em 22/07/14, 11:57 am

Olá,

Senhor, queria checar por gentileza.
[TUTORIAL] Personalizar atalhos de navegação


Até mais,
Passar bem. Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Barra de Navegação

Mensagem por TappedOut em 22/07/14, 12:16 pm

First, o Je4n ja ta me ajudando ou qualquer coisa espero alguem responder, esses links que vc envia eu ja sei porem não faz do jeito desejado. (principalmente porque quando vc passa o mouse emcima não fica do jeito desejado do forum encontrado que mostrei a imagem no tópico)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Barra de Navegação

Mensagem por Cream em 22/07/14, 12:52 pm

Olá,

Desculpe-me, mas visitei o seu fórum e o fórum que passastes! E percebi que está exatamente tudo igual:
http://gtamc.ativoforum.com/f1-seu-primeiro-forum

Poderia especificar mais o que achou "estranho"? Se quiser retirar efeitos de ao passar o mouse, é só retirar códigos que possuem o ":hover".
Até mais.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Barra de Navegação

Mensagem por TappedOut em 22/07/14, 12:57 pm

Amigo, fica muito grande o espaço branco quando passa emcima, ele sai da bem pouco da area da barra.. passa o mouse e fica percebendo o tamanho do espaço branco que fica qnd passa o mouse.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Barra de Navegação

Mensagem por Cream em 22/07/14, 01:07 pm

Olá,

Então provavelmente você terá que modificar este código:
Código:
p.crumbs a:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -44px;
}
Ao passar o mouse ele exibi essa imagem de fundo. Você pode tentar diminuí-la manualmente, ou modificar as propriedades, como por exemplo o "-44px".

Até mais.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Barra de Navegação

Mensagem por TappedOut em 22/07/14, 01:09 pm

Porem esse espaço branco quando passa emcima, não fica na area toda, percebe-se q sobra um pedaço daquele lado <<
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Barra de Navegação

Mensagem por Cream em 22/07/14, 01:30 pm

Olá,

Perdoe-me, mas eu realmente não estou entendendo o problema!  Triste 
Aqui está tudo normal, com as imagens todas certas e ao passar o mouse tudo fica normal.

Caso queria, pode tentar substituir o código com a imagem por um código com uma cor somente:
Código:
    p.crumbs a:hover {
    background-color: #FFF !important;
    }

Se puderes tirar prints e outros, eu ficaria agradecido.
Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Barra de Navegação

Mensagem por TappedOut em 22/07/14, 01:32 pm

Amigo, fica sobrando uma parte atras sem o branco, passe o mouse tambem quando estiver no tópico e passa nos > Tópico > e vc vai reparar na hr oq to falando
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Barra de Navegação

Mensagem por ShaDownS em 22/07/14, 10:49 pm

Olá amigo,
Eu coloquei este código, ficou igual...
Mas ai eu mudei o -44px por -10px, e ficou normal Feliz
Tente fazer isto, e o hover deste código, no meu não deu nada alem do hover normal mesmo.

~ Espero ter ajudado. Abraços, Kiri.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Barra de Navegação

Mensagem por Sennior em 23/07/14, 12:13 am

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
p.crumbs a:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) 100% -41px no-repeat !important;
}
Melhores cumprimentos,
Sennior. De bem com a vida
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: Barra de Navegação

Mensagem por TappedOut em 23/07/14, 04:56 pm

Oque eu estou falando:
Amigo, fica sobrando uma parte atras sem o branco, passe o mouse tambem quando estiver no tópico e passa nos > Tópico > e vc vai reparar na hr oq to falando
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Barra de Navegação

Mensagem por Sennior em 23/07/14, 05:01 pm

Saudações,

Mas o código acima irá resolver este erro amigo!
Já compreendi o erro, peço que coloque o código que eu lhe passei no inicio de teu CSS e veja se o erro continuará.

Até breve.
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

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