Como coloco este tipo de efeito no meu fórum?

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

Resolvido Como coloco este tipo de efeito no meu fórum?

Mensagem por clumsy em 04/09/12, 07:28 pm

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


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

clumsy
Nível 1

Feminino
Inscrito dia : 04/09/2012
Mensagens : 4
Pontos Ativos : 8

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

Resolvido Re: Como coloco este tipo de efeito no meu fórum?

Mensagem por Kori em 04/09/12, 07:33 pm

o que seria o que você quer? Não compreendi muito bem Desacordo
avatar

Kori
Nível 7

Masculino
Inscrito dia : 28/12/2011
Mensagens : 93
Pontos Ativos : 110

Ver perfil do usuário http://residentevilrpg.livreforum.com/forum

Resolvido Re: Como coloco este tipo de efeito no meu fórum?

Mensagem por clumsy em 04/09/12, 07:47 pm

O que eu queria saber em questão era como se faz este tipo de efeito:

http://i.imgur.com/Lrp1N.png
http://i.imgur.com/ql7VM.png
avatar

clumsy
Nível 1

Feminino
Inscrito dia : 04/09/2012
Mensagens : 4
Pontos Ativos : 8

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

Resolvido Re: Como coloco este tipo de efeito no meu fórum?

Mensagem por Ace em 05/09/12, 03:14 pm

Olá,

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


- 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


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