Como coloco este tipo de efeito no meu fórum?
3 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
Como coloco este tipo de efeito no meu fórum?
Qual é minha questão:
Olá.
Há algum tempo venho pesquisando por aqui e pela internet como coloco uma espécie de "fonte personalizada" no meu fórum.
Eu vi este efeito em dois fóruns, aparentando ser alguma modificação nos próprios templates, de forma que tentei modificar por mim mesma mas não funcionou.
Será que teria como eu fazer um efeito parecido com esse?
PS: As versões destes fóruns são diferentes do meu, porém, estou disposta a mudar.
Grata.
Links e imagens do meu problema:
Http://prettylittleliars-br.forumeiros.com/
http://edicoestvdf.forumeiros.com/
Endereço do meu fórum:
http://ggnewgeneration.forumeiros.com/
Versão do meu fórum:
PHPBB2
Olá.
Há algum tempo venho pesquisando por aqui e pela internet como coloco uma espécie de "fonte personalizada" no meu fórum.
Eu vi este efeito em dois fóruns, aparentando ser alguma modificação nos próprios templates, de forma que tentei modificar por mim mesma mas não funcionou.
Será que teria como eu fazer um efeito parecido com esse?
PS: As versões destes fóruns são diferentes do meu, porém, estou disposta a mudar.
Grata.
Links e imagens do meu problema:
Http://prettylittleliars-br.forumeiros.com/
http://edicoestvdf.forumeiros.com/
Endereço do meu fórum:
http://ggnewgeneration.forumeiros.com/
Versão do meu fórum:
PHPBB2
Última edição por clumsy em 06.09.12 1:46, editado 1 vez(es)
Re: Como coloco este tipo de efeito no meu fórum?
o que seria o que você quer? Não compreendi muito bem
Re: Como coloco este tipo de efeito no meu fórum?
O que eu queria saber em questão era como se faz este tipo de efeito:
https://i.imgur.com/Lrp1N.png
https://i.imgur.com/ql7VM.png
https://i.imgur.com/Lrp1N.png
https://i.imgur.com/ql7VM.png
Re: Como coloco este tipo de efeito no meu fórum?
Olá,
Queira ler o conteúdo do spoiler, em especial, o que trata da fonte do menu:
Cordialmente!
Queira ler o conteúdo do spoiler, em especial, o que trata da fonte do menu:
- 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órunsSe 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:
Cordialmente!
Tópicos semelhantes
» Como coloco esse efeito de lanterna na entrada do meu forum
» Como coloco esse efeito na imagem?
» Como eu coloco um efeito no nome
» Como coloco este efeito no nick?
» Como coloco esse efeito?
» Como coloco esse efeito na imagem?
» Como eu coloco um efeito no nome
» Como coloco este efeito no nick?
» Como coloco esse efeito?
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