Aspeto dos submenus

2 participantes

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

Tópico resolvido Aspeto dos submenus

Mensagem por Diogo Ferreira 04.03.14 14:43

Qual é minha questão:
Olá.
É possível mudar os aspetos dos menus e consequente hover?

Os meus estão assim: http://gyazo.com/2b456b40744f49156d9da1c9bf88a02f
Queria assim: http://gyazo.com/df6332c261335c8092675c61ff24feed

Queria mudar só mesmo o fundo deles (estilo).
Obrigado.

Endereço do meu fórum:
http://foradjogo.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 04.03.14 19:14, editado 1 vez(es)
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Hancki 04.03.14 15:10

Olá!

Use este CSS:
Código:
li.has-sub, li.has-sub ul li {
background-color: #1c3b5f !important;
line-height: 40px !important;
border-bottom: 1px solid grey !important;
}
li.has-sub:nth-child(4) {
background: none !important;
line-height: 12px !important;
border-bottom: 0px !important;
}
Resultado: http://prntscr.com/2xsrki
Foi o melhor que consegui. Não consegui o hover :/
E uma opinião pessoal, prefiro como está, o estilo está mais em contexto.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Diogo Ferreira 04.03.14 16:40

Não ficou igual amigo.xD
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Hancki 04.03.14 17:47

Nunca ficará igual porque o outro site tem uma estrutura HTML diferente, classes atribuídas mais diversificadas. É complicado modificar o seu menu, acredite. Não sei como o fazer mais, ou então todo o menu fica desconfigurado.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Diogo Ferreira 04.03.14 18:05

Amigo, pode então colocar riscas pretas a dividir como na imagem?
E já agora o mesmo estilo de letra com cor branca.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Hancki 04.03.14 18:07

Para as linhas pretas:
Código:
li.has-sub, li.has-sub ul li {
border-bottom: 1px solid black !important;
}
li.has-sub:nth-child(4) {
border-bottom: 0px !important;
}
Em relação à cor branca, não aconselho. Não existe uma classe específica para o botão principal e então ficará branco, enquanto que os outros principais são pretos de predefinição.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Diogo Ferreira 04.03.14 18:14

Resultou, mas tem como colocar a letra igual? Se tiver posso testar.

Quanto aos submenus em si, aparecem por baixo do avatar, veja:
http://gyazo.com/8280a2dc519bf1b818bfbcb97fb34a89
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Hancki 04.03.14 18:36

Só vejo desta forma possível...
Para o tipo de letra funcionar... nova página JS, investido em todas as páginas com o código:
Código:
WebFontConfig = {
    google: { families: [ 'Titillium+Web::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();
E um CSS:
Código:
li.has-sub, li.has-sub ul li {
z-index: 9999 !important;
}
#cssmenu a {
font-family: Titillium Web;
}
Veja o resultado: http://prntscr.com/2xupyq
Destaquei o avatar da ultima mensagem, para ver como esse problema já não ocorre. E repare o tipo de letra. Terá que ser em todo o menu.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Diogo Ferreira 04.03.14 18:41

Tá resolvido, muito obrigado.
Uma última dúvida, onde mudo a cor para branco nos submenus?
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Hancki 04.03.14 18:42

Nos códigos CSS que lhe passei, os primeiros, procure pela linha:
Código:
background-color: #1c3b5f !important;
Substitua por:
Código:
background-color: white !important;

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aspeto dos submenus

Mensagem por Diogo Ferreira 04.03.14 19:14

Resolvido, pode fechar e muito obrigado.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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