Mudar estrutura do menu

4 participantes

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

Tópico resolvido Mudar estrutura do menu

Mensagem por Lupina 03.04.18 19:46

Detalhes da questão


Endereço do fórum: http://idmrpg.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Boa tarde! Feliz 2

Gostaria de mudar a aparência do meu menu. Atualmente ele encontra-se assim, basicamente o padrão de uma das skins do Hitskin.

Agora eu queria deixá-lo dessa maneira, de modo que não precise me preocupar em fazer imagens para o menu. O efeito roxo é porque o mouse estava sobre aquela parte do menu, aí ele foi acentuado com essa cor. Gostaria de manter isso também, se possível.

Obrigada! Ah, e o exemplo é desse fórum.
Lupina

Lupina
*

Membro desde : 03/12/2014
Mensagens : 32
Pontos : 54

http://hrrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estrutura do menu

Mensagem por Chanp 03.04.18 20:04

Olá,
Aceda à:

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

E adicione na sua Folha de Estilo o seguinte código:

Código:
a.mainmenu {
  font-size: 8px;
  font-family: Calibri;
  letter-spacing: 1px;
  padding: 5px;
  text-transform: uppercase;
  font-weight: 400;
}
.mainmenu {
  background-color: rgba(0,0,0,0.5);
  border: 1px solid #fff;
  margin-left: -25px;
  margin-top: 40px;
  position: relative;
  text-align: center;
  width: 1229px;
}

Fica no seu agrado?
o/
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estrutura do menu

Mensagem por Lupina 03.04.18 20:46

Olá, @Chanp!

A princípio, a estrutura funcionou, mas ficou bugado. https://imgur.com/a/3gsKI
Lupina

Lupina
*

Membro desde : 03/12/2014
Mensagens : 32
Pontos : 54

http://hrrpg.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar estrutura do menu

Mensagem por RafaelS. 03.04.18 23:59

Olá!

Primeiramente remova todos os códigos aqui passados.

Adicione este código JavaScript com aplicação em todas as páginas:

Código:
 $(document).ready(function(){
$(".mainmenu").parent().css({"background-color": "rgba(0,0,0,0.5)","border": "1px solid #fff","margin-left": "-25px","margin-top": "40px", "position": "relative","text-align": "center","padding":"5px", "width": "101pc"});
});

Se não quiser usar códigos jScript, podemos fazer por templates Piscada

Para o efeito do mouse, adicione este CSS:

Código:
a.mainmenu:hover {
    background: #440091;
    opacity: 1;
    padding: 5px;
    transition: 1s;
}

Até.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estrutura do menu

Mensagem por Lupina 06.04.18 3:07

Olá, @RafaelS..

O código funcionou em sua estrutura, mas queria esclarecer uma duvida; o fato do efeito estar descentralizado se dá porque há poucos links no menu?

https://imgur.com/a/5liH5
Lupina

Lupina
*

Membro desde : 03/12/2014
Mensagens : 32
Pontos : 54

http://hrrpg.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar estrutura do menu

Mensagem por RafaelS. 06.04.18 4:53

Olá Lupina,

Na verdade é porquê tem uma imagem "invisível" nos menus.
Veja se ao adicionar este código ao CSS, resolve o seu problema:

Código:
a.mainmenu img {
    display: none;
}
a.mainmenu {
    padding: 5px;
}

Até mais. zen
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Mudar estrutura do menu

Mensagem por Lupina 07.04.18 21:06

Funcionou perfeitamente, @RafaelS. Muito obrigada! Muito feliz
Lupina

Lupina
*

Membro desde : 03/12/2014
Mensagens : 32
Pontos : 54

http://hrrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estrutura do menu

Mensagem por virus 07.04.18 21:12

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
virus

virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

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