gototopgototop
Tutorial - criando um popup no Joomla PDF Imprimir E-mail

Atendendo ao pedido feito por nossa ex-aluna do curso EAD, Amaí Gabardo, mostraremos neste tutorial como criar um popup no Joomla.

Popup também conhecida como janelinha indesejada, é uma forma "ultrapassada" de propaganda. Você deve estar pensando: "Iu, iu, iu o Júlio abduziu..."

Eu explico: "Por quê criar uma propaganda usando popup se a maioria dos navegadores, por default, estão com as janelinhas bloqueadas?" Mas e aí? Qual a solução?

Usaremos uma Layer invisível e desta forma não será bloqueada pelo navegador. Devo lembrar, que não deixa de ser uma propaganda indesejada e invasiva e que via de regra o seu visitante não vai gostar.

Nossa receita inclui o mod_ajax_popup que você encontra disponível para download e com sua documentação em nosso website de extensões. Basta acessar e baixar.

Para utilizar o módulo, devemos primeiro, criar um artigo. Neste artigo, dependendo da propaganda você irá colocar apenas uma imagem ou um movie clip.Sim, ele aceita flash!

Mãos a obra:

1) Instale o módulo clicando em extensões -> Instalar/Desinstalar

2) Clique em Extensões -> Administrar módulos -> mod_ajax_popup

Figura 1 - Editando as configurações do módulo
criando uma popup no joomla

 

3) Configure o módulo de acordo com suas preferências
Figura 2 - Configurando o módulo mod_ajax_popup
configurando o módulo

Vou prender-me aos parâmetros do Módulo:

  • Content id -> digite o número do id do artigo que será apresentado na layer invisível (popup)
  • start position left -> posicionamento da layer em relação a margem esquerda
  • start position right -> posicionamento da layer em relação a margem direita
  • Largura -> comprimento da layer em pixels
  • Height ->largura da layer em pixels
  • Fade time -> um valor que você escolhe e que irá proporcionar um efeito interessante enquanto a layer é carregada.
  • Em parâmetros avançados, você deverá configurar o Hidle Titlebar e o Title.
    Uma vez habilitado, o Hidle Titlebar apresentará ao internauta uma barra colorida; e
    o Title apresentará o título na barra, geralmente fechar, que uma vez clicado fecha a layer.

Figura 3 - Configurações avançadas
configurações avançadas

4) Crie um novo artigo através do menu Conteúdo -> novo
Figura 3 - O artigo e sua id
id do artigo

Perceba a ID do artigo, é este número que deverá ser colocado no campo Content id dos parâmetros do módulo.

5) O resultado final no front-end do seu website
Figura 6 - o resultado
resultado

Desta forma encerro este tutorial e espero ter atendido aos anseios de nossa ex-aluna Amaí Gabardo.

Você deseja um tutorial específico? Basta solicitar, é de graça!

Sucesso!

  divulgue o artigo no orkut
Voltar

Your are currently browsing this site with Internet Explorer 6 (IE6).

Your current web browser must be updated to version 7 of Internet Explorer (IE7) to take advantage of all of template's capabilities.

Why should I upgrade to Internet Explorer 7? Microsoft has redesigned Internet Explorer from the ground up, with better security, new capabilities, and a whole new interface. Many changes resulted from the feedback of millions of users who tested prerelease versions of the new browser. The most compelling reason to upgrade is the improved security. The Internet of today is not the Internet of five years ago. There are dangers that simply didn't exist back in 2001, when Internet Explorer 6 was released to the world. Internet Explorer 7 makes surfing the web fundamentally safer by offering greater protection against viruses, spyware, and other online risks.

Get free downloads for Internet Explorer 7, including recommended updates as they become available. To download Internet Explorer 7 in the language of your choice, please visit the Internet Explorer 7 worldwide page.