Fórum iBlue
[TUTORIAL] Iframe onClick Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[TUTORIAL] Iframe onClick Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

T-Lord

1[TUTORIAL] Iframe onClick Empty [TUTORIAL] Iframe onClick Sex 18 Jan 2013 - 9:04

T-Lord
Administrador
[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!




--> Lista de Tutoriais, Dicas e Astúcias <--
Como criar um Inframe onClick




1º - Entendendo o código que será utilizado (funciona em todas as versões de fóruns):
Nesta etapa será necessário que entenda o código e modifique de acordo com as suas necessidades.

endereco-da-imagem"
style="cursor:pointer; position:fixed; right: 0; top: 0; z-index: 3;"
/>
style="position: fixed; top: 5%; left: 5%;height: 93%;width: 93%;"
src="endereço-completo-da-pagina">


Agora que tem o código, vamos trabalhar com a parte em verde e azul!
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
"/".


2º - Criar uma página HTML para sustentar o código:
Para
que possamos adicionar o código, teremos de criar uma página HTML que
será onde o script ficará. Para isso é necessário aceder a:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML


(carregue na imagem para aumentar)
[TUTORIAL] Iframe onClick Untitl13
[TUTORIAL] Iframe onClick 110111[TUTORIAL] Iframe onClick 398853 Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
[TUTORIAL] Iframe onClick 110210[TUTORIAL] Iframe onClick 398853 Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatoriamente não. Caso a marque, o código não irá funcionar adequadamente.
[TUTORIAL] Iframe onClick 110310[TUTORIAL] Iframe onClick 398853 Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
[TUTORIAL] Iframe onClick 110410[TUTORIAL] Iframe onClick 398853 Código HTML - Coloque aqui o código que trabalhamos no item anterior.
Após
criada a página, deverá salvar e carregar novamente em "Gestão das
páginas HTML", onde iremos recuperar o endereço da página criada, para
usarmos no próximo ponto.


(carregue na imagem para aumentar)
[TUTORIAL] Iframe onClick Untitl14

Terá
de encontrar a página HTML que criou e copiar o endereço da mesma. Em
vermelho na imagem abaixo está o que deve copiar da página que criou!
Por padrão esta será a primeira da lista (isso se for a última a ser
criada e se não alterou a ordem de exibição).


(carregue na imagem para aumentar)
[TUTORIAL] Iframe onClick Untitl15



3º - Inserir o código para que funcione em todas as páginas do fórum:
Devemos
colocá-lo em um campo que seja mostrado em todas as páginas. Como
somente há um campo que se encaixe neste requisito, a descrição do seu
fórum será comprometida com este código. Pode manter ambos em
funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.


(carregue na imagem para aumentar)
[TUTORIAL] Iframe onClick Img_310

O código será:

ENDERECO-DA-PAGINA-HTML">
Por exemplo, no FdF:



4º - Resultado:

(espere a imagem carregar para aumentar)

Expandir esta imagem Ver em tamanho real
[TUTORIAL] Iframe onClick Iframeonclick

http://www.zonetoony.net/
MakyBory

2[TUTORIAL] Iframe onClick Empty Re: [TUTORIAL] Iframe onClick Dom 24 Fev 2013 - 13:06

MakyBory
Membro Lendário
Excelente Tutorial!

http://toon.forumfacil.net/
T-Lord

3[TUTORIAL] Iframe onClick Empty Re: [TUTORIAL] Iframe onClick Qui 28 Fev 2013 - 20:31

T-Lord
Administrador
Obrigado por comentar!

http://www.zonetoony.net/
dejanpetrus

4[TUTORIAL] Iframe onClick Empty Re: [TUTORIAL] Iframe onClick Sex 1 Mar 2013 - 9:24

avatar
Visitante
xem

T-Lord

5[TUTORIAL] Iframe onClick Empty Re: [TUTORIAL] Iframe onClick Sex 1 Mar 2013 - 13:20

T-Lord
Administrador
Obrigado por comentar!

http://www.zonetoony.net/
Conteúdo patrocinado

6[TUTORIAL] Iframe onClick Empty Re: [TUTORIAL] Iframe onClick


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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