Barra de Navegação

+2
Je4n
TappedOut
6 participantes

Ir para baixo

Tópico resolvido Barra de Navegação

Mensagem por TappedOut 22.07.14 13:17

  • Descrição:
Minha barra de navegação:
Barra de Navegação YEJ8MFS
Queria que ficasse assim:
Barra de Navegação CcYkWKH


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 15:46, editado 1 vez(es)
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por Je4n 22.07.14 13:59

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.
Je4n
Je4n
Novo Membro

Membro desde : 21/07/2014
Mensagens : 20
Pontos : 36

http://www.wasd.in

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por TappedOut 22.07.14 14:07

Amigo, quando passa mouse por cima fica estranho
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por First 22.07.14 15:57

Olá,

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


Até mais,
Passar bem. Piscada
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por TappedOut 22.07.14 16:16

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)
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por Cream 22.07.14 16:52

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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por TappedOut 22.07.14 16:57

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.
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por Cream 22.07.14 17:07

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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por TappedOut 22.07.14 17:09

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

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por Cream 22.07.14 17:30

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!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por TappedOut 22.07.14 17:32

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
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por ShaDownS 23.07.14 2:49

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.
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por Sennior 23.07.14 4:13

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por TappedOut 23.07.14 20:56

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
TappedOut
TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de Navegação

Mensagem por Sennior 23.07.14 21:01

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos