Geral Códigos 2018

quarta-feira, 13 de fevereiro de 2013

Criando link pop-up facilmente


Introdução

Bem, mais um tutorial de HTML, porém, esse é um mistura de HTML e JavaScript. Então podemos defini-lo como: fácil (HTML), mas dinamismo (JavaScript).
Em detalhes, o tutorial de hoje irá ensinar a você como criar uma janela pop-up que só pode ser ativada através de um link, ou uma imagem incorporada em um link.

Informações
Programa utilizado: Nenhum
Subcategoria: Links/Botões, Janelas
Nível de dificuldade: Fácil (mas deseja atenção)

Tutorial

Depois de você fazer a sua bela imagem, ou simplesmente você é um preguiçoso e só quer colocar o link num simpleshref. Agora é a vez de você incorporar o seu link que será aberto numa janela pop-up (mesmo você sabendo que ele é odiada pelo Mundo todo).

No modo link...


1. Mas agora iremos à nossa prática, então: Comece copiando o código abaixo.
<a href="javascript:void()" title="Clique aqui!" onclick="window.open('url', 'Página', 'STATUS=YES, TOOLBAR=NO, LOCATION=NO, MENUBAR=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=NO, TOP=40, LEFT=100, WIDTH=650, HEIGHT=530');">Clique Aqui</a>




No modo de incorporação em imagem...

1. Copie o código abaixo:

<a href="javascript:void()" title="Clique aqui!" onclick="window.open('url', 'Página', 'STATUS=YES, TOOLBAR=NO, LOCATION=NO, MENUBAR=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=NO, TOP=40, LEFT=100, WIDTH=650, HEIGHT=530');"><img src="url da imagem" alt="Clique Aqui!" /></a>


Uma breve demonstração desse resultado é no nosso link de "Seja um parceiro >>" que fica logo abaixo dos Parceiros do Tuto de Tudo (logo a sua direita)!
Postagem mais recente Postagem mais antiga Página inicial

0 comentários:

Postar um comentário

Copyright © Geral Códigos

Design by IGOR MENDES | INSTA: @IGRMENDS