Topo em Flash no JOOMLA usando módulo - Fácil !





Mais uma super dica EXCLUSIVA ( tutorial ) - muito útil - para Joomla ! Elaborada totalmente pela Kessef Brasil consultoria. Em breve estarei fazendo uma videoaula sobre isso, mas ja antecipo aqui um método prático desenvolvido por mim. Um método facil para criar e gerenciar topos dinâmicos em flash ou rotator de imagens no Joomla.


Para que serve?
Simplesmente para deixar o seu site em Joomla mais bonito, atraente e profissional.

Posso inserir outros tipos de módulo de swf ou imagens nesta posição?
Sim, qualquer um.


Vamos lá. Antes baixe o módulo:

1-Utilizaremos o módulo flash rotator para este caso. Instale no seu Joomla

2-Insira no gerenciamento do módulo uma nova posição para este, que chamaremos de header

3-Agora abra a index.php do template em um editor ou no bloco de notas,  procure no topo da index uma div que tenha algum nome desses ou semelhante: header_bg  ou simplesmente  header.

4- Apague oque tem dentro  dessa div e insira um código para chamar módulo, já com a posição header. Insira dentro de outra div.

 

Este código: <jdoc:include type="modules" name="header" /> 

Então deve ficar algo assim:

<div id="header_bg">
<div align="center">
<jdoc:include type="modules" name="header" />
</div>
</div>

 

5-Salve e suba essa index pelo ftp para a pasta do template que esta sendo usado.

6-crie uma pasta chamada swf dentro de stories ( no item de mídia do joomla pelo adm )

7-upload nos swf para a pasta.

Estes swf devem estar nas medidas em px do topo do template, além de nomes padrão, exemplo:

Medidas: 900px de largura por 250px de altura
Arquivos:
1.swf
2.swf
3.swf
etc...

6-abra o módulo e  insira no adm dele o caminho para a pasta swf. Publique o módulo na posição header.

Pronto, você tem agora uma posição fixa de modulo, totalmente gerenciável e no topo do template.  Serve tanto para rodar arquivos swf ( flash ) quanto para rodar imagens jpg /gif /png.

Para imagens basta desabilitar o módulo flash rotator e habilitar um outro módulo no mesmo lugar ( posição header ) que rodará imagens com efeitos, no caso eu uso o módulo Rocker_slideshow para rodar imagens com efeitos.

Veja o resultado:

www.vilayoga.com.br


Obs: Em alguns casos será necessário uma pequena edição no arquivo css do template, editando a DIV correspondente, onde antes chamava uma imagem fixa. Geralmente a edição está ligada as medidas em px, de altura e largura para que os arquivos swf possam ser exibidos corretamente, mas na maioria dos templates não será preciso alterar o CSS para que o swf encaixe no topo.

Espero que tenham gostado deste TUTO e que seja útil.


Juliano
www.kessefbrasil.com