Deixar o menu colado um do lado do outro
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Deixar o menu colado um do lado do outro
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
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
Re: Deixar o menu colado um do lado do outro
Olá,
Leia:
Caso o tutorial acima não surja efeito, aqui está uma possível alternativa concedida pelo meu amigo seender
Até Mais.
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
1º - 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.
2º - 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.
3º - 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
4º - Resultado:
Aumento do tamanho da fonte do menu© Fórum dos Fóruns, Ace & NncbSe 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- Aumentar ou diminuir o espaço entre links e imagens do menu:
Caso o tutorial acima não surja efeito, aqui está uma possível alternativa concedida pelo meu amigo seender
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: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.ul.linklist li a img {margin-right:-5px;}
Melhores cumprimentos,
seender
Até Mais.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos