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 02/05/14, 10:27 am

  • Descrição:
Olá,

Como posso deixar os atalhos de navegação de meu fórum, iguais a estes? http://prntscr.com/3ffu6c, quando passamos o mouse em cima, da um efeito, veja neste fórum http://forumbpwrpg.forumeiros.com.

  • Informações:
Fórum:http://cidadesocial.forumeiros.com/Versão:PUNBB
Tipo:Erros diversosTags:Atalhos,navegação

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 Neimasinho em 02/05/14, 10:31 am

Olá,

Para resolver este seu problema, você deverá ir à Painel de Controle > Visualização > Estrutura e hierarquia e marcar como na imagem abaixo.


Até mais.
avatar

Neimasinho
Membro do Fórum

Masculino
Inscrito dia : 10/06/2013
Mensagens : 1528
Pontos Ativos : 2163

Ver perfil do usuário http://dw-animes.forumeiros.com/ https://www.facebook.com/williamberg.cassimiro

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 02/05/14, 10:53 am

O senhor não entendeu, meu atalho de navegação esta assim http://prntscr.com/3fg1d8, porém eu quero os mesmo assim http://prntscr.com/3ffu6c, iguais deste fórum http://forumbpwrpg.forumeiros.com.

Até mais.
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 Sennior em 02/05/14, 05:15 pm

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:
.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}
Obs:. Coloque o código acima no inicio de teu CSS.

Valide & Visualize teu fórum.

Abraços,
Sennior! Positivo
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: Atalhos de navegação

Mensagem por iHeloaD em 04/05/14, 05:19 pm

Ficou assim amigo http://prntscr.com/3fk4sz.

Até mais.
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 Hancki em 04/05/14, 05:24 pm

Olá!

Use este CSS:
Código:
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}

Nota: espere que alguém responda, não precisa estar apagando e postando de novo...

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 04/05/14, 05:27 pm

Olá,

Quase perfeito! Tem como dar um efeito hover ao passar o mouse em cima do mesmo?

Obrigado.
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 Hancki em 04/05/14, 05:53 pm

Use este:
Código:
p.crumbs a:hover {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% bottom transparent !important;
}
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 04/05/14, 07:05 pm

Olá,

Bem, não sei se você consegue ver, mas veja as cores estão diferentes http://prntscr.com/3g9fbb.

Código:
.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}

Obrigado.
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 07/05/14, 07:02 pm

Alguém para 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 Kyo Panda em 09/05/14, 11:00 pm

Olá,

Tente:

Código:
p.crumbs a {
  transition: none;
}   

p.crumbs a:hover {
  background-position: 100% -1px;
}

Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 09/05/14, 11:15 pm

Olá,

O hover que eu desejava, perfeito! Porém, estou a falar dessas diferenças de cores http://prntscr.com/3g9fbb.

Até mais.
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 Kyo Panda em 10/05/14, 09:28 am

CSS:

Código:
p.crumbs a {
  position: relative;
}

p.crumbs a:hover {
  margin-left: -17px;
  padding-left: 17px;
}

p.crumbs a:before,
p.crumbs a:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
  width: 16px;
}

p.crumbs a:hover:before {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 60% -1px;   
}

p.crumbs a:hover:after {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 100% center;
}

Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 10/05/14, 01:41 pm

Olá,

Estamos no caminho certo, só falta corrigir a diferença de cores como aqui http://prntscr.com/3g9fbb, veja o efeito no mesmo.

Até mais.
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 Lima 3005 em 10/05/14, 02:13 pm

.pun-crumbs {
background-color: "cor desejada";
}
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Atalhos de navegação

Mensagem por Kyo Panda em 10/05/14, 05:10 pm

Não captei essa diferença de cor, pensei que fosse a parte branca que estava quando se passava o rato em cima. Poderia especificar um pouco mais? Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 10/05/14, 06:25 pm

Olá,

Kyo, entre em algum tópico, como este /t1-, e veja no atalho de navegação, o Background do texto, e o Background do fundo de tudo mesmo, não sei explicar muito hehe, tente ver, onde tem os retângulos vermelhos nesta imagem http://prntscr.com/3g9fbb.

Até mais.
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 Kyo Panda em 10/05/14, 06:50 pm

Tudo o que eu vejo no background do texto e das setas é uma borda branca de 1px:



Eu realmente não estou a enxergar. Triste
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 12/05/14, 11:59 am

Olá,

Agora consegue ver? http://prntscr.com/3i2f6b.

Até mais.
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 Kyo Panda em 12/05/14, 01:09 pm

Entrei hoje no computador aqui na empresa e consegui ver a diferença (no meu computador não havia diferenciação da cor).

Adicione:

Código:
.pun-crumbs {
  background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png);
}

Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Atalhos de navegação

Mensagem por iHeloaD em 12/05/14, 03:52 pm

Perfeito, muito obrigado!

(Observação: Tente me ajudar com meus tópicos mais antigos?)

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