gototopgototop
 

Curso de Joomla em várias modalidades só aqui no Joomla Brasília

  • aumentar tamanho texto 
  • diminuir tamanho texto 
  • layout default 
  • layout default daltonismo 
  • layout default contraste
Home Tutoriais | Tutorial - criando um popup no Joomla

Tutorial - criando um popup no Joomla

E-mail Imprimir PDF

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

Joomla! Brasilia é um domínio, sem afiliação ou ligação com o projeto Joomla! O nome e marca Joomla! pertencem a Open Source Matters!