Como personalizar Like Box do Facebook no Joomla?

Detalhes

Categoria: Artigos

Escrito por Renato Moreira

Olá amigos, hoje cada vez mais há necessidade de integrar seus projetos com redes sociais, e com isso vem a necessidade de inserir uma caixa de fãs do Facebook em seu site por exemplo. Mas simplesmente inserir a caixa de fãs do Facebook vai deixar seu site IGUAL a todos, e não é o que queremos, sempre buscamos um diferencial ou deixar com a cara do projeto.

Por isso irei demonstrar como inserir um módulo de fãs do Facebook no seu Joomla, e personalizá-lo mudando algumas classes CSS.

Primeiramente, iremos utilizar um módulo gratuito chamado Nurte FB Like Box (disponível para Joomla 1.0 / 1.5 / 1.6 / 1.7);

1) Baixe e instale o módulo conforme link acima;
2) Configure o módulo para exibir na posição desejada do seu template;
3) Ao lado direito informe os dados da Fanpage;

5) Faça um arquivo CSS e coloque-o na configuração seguido de "?1", exemplo: http://www.seusite.com.br/css.css?1
6) Salve o módulo;

Agora vamos alterar o arquivo CSS, abrindo seu site e usando o FIREBUG, podemos saber quais as classes CSS de cada elemento, podendo assim personalizar como quisermos. Basta (Se tiver Firebug instalado) apertar com botão direito em cima da foto do likebox por exemplo e em inspecionar elemento. (veja exemplo)

Criando um arquivo CSS dando funções as classes abaixo, já temos um modificação legal do visual, bastando então dar asas a imaginação e fazer um CSS mais complexo.

MEU ARQUIVO CSS:

Veja que removi o nome dos participantes da fanpage, alterei o espaço entre as fotos, alterei a dimensão das fotos. Dando este efeito bacana:

• < Ant
• Próx >