[TUTORIAL] Iframe onClick

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Principal contribuidor
  • 0

[TUTORIAL] Iframe onClick Empty [TUTORIAL] Iframe onClick

Mensagem por Luciano98 03.04.12 3:36


[TUTORIAL] Iframe onClick Html10 Como criar um Inframe onClick

Neste tutorial será ensinado como colocar uma imagem no canto superior do fórum que, quando um membro clicar nela, apresente uma página externa na sua página actual, criando um efeito para parcerias!

--> Tutoriais, dicas e astúcias <--
Como criar um Inframe onClick


- Noção básica da função:
Estaremos adicionando o código na Home Page do fórum, ou em qualquer campo que aceite HTML como os próprios Widgets. Aqui nesta função, estaremos usando o campo da Home Page.


Painel de controle :seta2: Visualização :seta2: HomePage :seta2: Geral
[TUTORIAL] Iframe onClick Untitl22
[TUTORIAL] Iframe onClick 110111Seta Assunto da mensagem Correspondente ao nome da home page que será criada.
[TUTORIAL] Iframe onClick 110210Seta Conteúdo da mensagem Campo destinado para receber o código abaixo:
<img onClick="$(this).next().toggle();" src="endereco-da-imagem" style="cursor:pointer; position:fixed; right: 0; top: 0; z-index: 3;" /><div style="display:none; width: 100%; height:100%; position:fixed; top:0; left:0;z-index:2;background-image:url(https://2img.net/h/oi49.tinypic.com/k9ytsx.png);"><iframe style="position: fixed; top: 5%; left: 5%;height: 93%;width: 93%;" src="endereço-completo-da-pagina"></iframe></div>
Verde Representa o endereço da imagem que deverá ser clicada, poderá ser em qualquer formato de imagem.
Azul Deverá substituir pelo endereço completo da página que pretende que seja mostrada, incluindo a barra "/" no final do mesmo, isto é, com "/".


- Resultado:
(espere a imagem carregar para aumentar)
[TUTORIAL] Iframe onClick NItt4Gy

© Fórum dos Fóruns &  Itachi Uchiha
[TUTORIAL] Iframe onClick Questi11 Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Como criar um Inframe onClick
Luciano98

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 02/09/2010
Mensagens : 7647
Pontos ativos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos