Deixar o menu colado um do lado do outro

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

Resolvido Deixar o menu colado um do lado do outro

Mensagem por iDanN em 28/10/12, 03:26 pm

Qual é minha questão:
Bom queria deixar o Menu Colado um do Lado do Outro
Ai eu irei fazer umas imagens Quadrada pra ficar coladinho
Alguém pode ajudar?


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

Endereço do meu fórum:
http://brasilhomeplay-rpg.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

iDanN
Nível 5

Masculino
Inscrito dia : 28/10/2012
Mensagens : 50
Pontos Ativos : 72

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

Resolvido Re: Deixar o menu colado um do lado do outro

Mensagem por Ace em 28/10/12, 03:29 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, Ace & 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

Caso o tutorial acima não surja efeito, aqui está uma possível alternativa concedida pelo meu amigo seender Piscada

Olá!

Quando coloca as imagens o menu fica como? certifique-se de que a opção somente imagens está marcado, aceda à:
Painel...-> Visualização -> Página inicial -> Cabeçalho e navegação
Lá terá "Exibir apenas as imagens no menu de navegação", marque a opção Sim e carregue no botão Salvar.

Se ainda ficar afastado um do outro utilize o código abaixo:
ul.linklist li a img {margin-right:-5px;}
Quanto maior o valor de vermelho, menor será o espaço entre os botões e quanto menor o valor, maior será o espaço.

Melhores cumprimentos,
seender

Até Mais.
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