[TUTORIAL] Iframe onClick

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

Membro Proficiente
  • 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
Membro Proficiente
Membro Proficiente

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

Ver perfil do usuário 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

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos