Alterar o tamanho do menu

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

Resolvido Alterar o tamanho do menu

Mensagem por MaKi em 03/09/12, 09:50 pm

Qual é minha questão:
O menu que diz, Inicio, Faq... eu gostava de aumentar o tamanho da fonte e depois de me responderem a esta pergunta tenho outra relacionada com esta.

Links e imagens do meu problema:
Não é necessário.

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

Versão do meu fórum:
PHPBB3


Última edição por MaKi em 05/09/12, 01:07 pm, editado 1 vez(es)
avatar

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

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

Resolvido Re: Alterar o tamanho do menu

Mensagem por MaKi em 04/09/12, 02:52 pm

up
avatar

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

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

Resolvido Re: Alterar o tamanho do menu

Mensagem por Ace em 04/09/12, 03:10 pm

Olá,

Leia:

Spoiler:


Gerenciando o menu do fórum com CSS

Neste tutorial, utilizaremos dos códigos CSS para implementar o menu de navegação de seu fórum. Através deste tutorial, poderemos manipular o menu de forma fácil, como tamanho da fonte, o espaço entre os links, cores e muito mais!

--> Tutoriais, dicas e astúcias <--
Gerenciando o menu do fórum com CSS


- O código:

a.mainmenu img {
PROPRIEDADES
}

O código é um CSS simples e que funciona em qualquer versão dos fóruns Forumeiros. Em vermelho, aplicaremos as propriedades que o menu terá, e será descrito no próximo passo do tutorial.

- Modificando o código:

O código pode ser modificado com propriedades CSS. Não listaremos todas, mas algumas que podem vir a ser uteis.

Caso deseje utilizar outras propriedades CSS, utilizem deste tutorial.

  • Aumentar ou diminuir o espaço entre links e imagens do menu:


Para reduzir o espaçamento no menu, utilizaremos do seguinte código:

a.mainmenu img {
margin-left: -20px;
}

Para aumentarmos o espaçamento no menu, utilizaremos do seguinte código:

a.mainmenu img {
margin-left: 20px;
}

Negrito >> Ajuste pela quantidade de pixels que desejar.


  • Alterar o tamanho da fonte dos links do menu:


Para alterarmos a fonte dos links do menu, utilize do seguinte código:

a.mainmenu {
font-size: 10px;
}

Negrito >> Ajuste pelo tamanho em pt da fonte que desejar.


  • Alterar a fonte dos links do menu:


a.mainmenu {
font-family: Verdana;
}

Negrito >> Altere para a fonte que desejar. Para adicionar opções de novas fontes, adicione-as entre vírgulas.

- Aplicando o código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

(carregue na imagem para aumentar)

- Resultado:



Aumento do tamanho da fonte do menu



© Fórum dos Fóruns & Nncb


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Gerenciando o menu do fórum com CSS

Cordialmente! Piscada
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

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