APRENDA COMO EDITAR POPUPS (AQUELAS JANELINHAS EXTRA-PÁGINA)
Veja como editar aquelas janelinhas que às vezes tornam-se muito necessárias para expor algum conteúdo extra-página, anúncios, ajuda ou qualquer outra informação, que nelas se tornam mais eficazes.
VEJA AQUI o exemplo de modêlo de popup.
Como já recebi reclamações de que eu enrolo muito com informações adicionais, vamos direto à dica:
PARA EDITAR COM IMAGEM:
Copie o script abaixo, cole em bloco de notas e salve-o como popup-imagem.htm.
<a href="#" onclick="window.open('http://www.novidades100.com.br/dicas/htm/300x250-buscap.htm','popup','width=300,height=250,left=700,top=0');"> <img src="http://www.novidades100.com.br/images/imag/favicon1.jpg" alt="novidades100.com.br" title="novidades100.com.br"> </a>
PARA EDITAR COM BOTÃO:
BUTTON
PARA EDITAR: (COM BOTÃO)
Copie o script abaixo, cole em bloco de notas e salve-o como popup-button.htm.
<button onclick="window.open('http://www.novidades100.com.br/dicas/htm/bloco_468x60.htm', 'popup','width=468,height=530,left=300,top=20');"><h1>Button</h1></button>
PARA EDITAR COM TEXTO:
Isto é um exemplo de popup…
Copie o script abaixo, cole em bloco de notas e salve-o como popup-texto.htm.
<p><a href="#" onclick="window.open('http://www.novidades100.com.br/dicas/htm/150x350-submar.htm','popup','width=150,height=370,left=700,top=300');"> Isto é um exemplo de popup…</a></p>
PARA ABRIR SEM CLICAR, APENAS PASSANDO O MOUSE SOBRE A IMAGEM, BOTÃO OU TEXTO:
POPUP
passe o mouse
Copie o script abaixo, cole em bloco de notas e salve-o como popup-button2.htm.
<button onmouseover="window.open('http://www.novidades100.com.br/dicas/htm/160x600-submar.htm','popup','width=160,height=600,left=700,top=0');"> <h1>button</h1> </button>
ABRIR PÁGINA SIMULTANEAMENTE COM POPUP
Para abrir uma página simultaneamente com popup, copie o script abaixo, porém antes click no link a seguir para verificar como ficaria.
<Click no Link> LINK COM POPUP
PARA EDITAR
Copie o script abaixo, cole em bloco de notas e salve-o como link-com-popup.htm.
<a href="../dicas/htm/exemplo-de-banners.htm" onclick="window.open('../dicas/htm/300x250-mercad.htm','popup','width=300,height=250,left=300,top=300');"> LINK COM POPUP </a>
EXPLICANDOEm todos os links (imagem, botão e texto), o url que fica entre aspas simples e parênteses, é o que vai aparecer no popup, logo em seguida, separado por vírgula, a indicação de popup, depois a altura e largura do popup e em seguida aonde exatamente ele vai ser exibido na tela.
OU USE http://pravocedinheiroagora.com/Site%20Pixel/
TAGS: MEGA POPUP,PIXEL,EDITAR POP'UPS,DICAS
