Ir para conteúdo
Entre para seguir isso  
Fox

Adicionando Pop Up

Recommended Posts

Fox    0
Fox

Opa, meu primeiro tutorial então me desculpem quaisquer erros que possa existir. .:issoae:

Deixa de lero lero e vamos ao que nois importa!

 

Você sabe oque é um Pop Up ? :ghost:

[spoiler=Clique Aqui]

O pop-up é uma janela extra que abre no navegador ao visitar uma página web ou acessar uma hiperligação específica. O pop-up é utilizada pelos criadores do site (sítio) para abrir alguma informação extra ou como meio de propaganda.~

 

Bom aqui vai um Exemplo do Pop Up, no Gesior.

[spoiler=Clique aqui]popupj.png

 

1º Hospede uma Imagem.

 

Hospede uma Imagem "que apareçerá, ao entrar em seu site", no ImageShack, ou qualquer outro site de upload de Images, fica a critério.imgzi.png

 

Após isso pegue o Link direto da Imagem ( E o guarde será muito util )

 

2º Editando o Script.

 

Esse é o script que será inserido no Gesior.

<div id="LayerPop" style="display:block; position:absolute; left:0px; top:0px; background-color:#1e1e22; width:100%; height:180%; z-index:100;margin:0px;opacity:0.75;"></div>

<div id="LayerPop2" style="position: absolute; left: 330px; top: 80px; z-index: 5000;"><a href="?subtopic=doacao"><img src="http://SEU LINK DE IMAGEM" border="0" class="imgBorder"></a><br><a href="javascript:void();" onClick="document.getElementById('LayerPop').style.display = 'none';document.getElementById('LayerPop2').style.display = 'none'"><b>Fechar</b></a></div>

 

Eu poderia explicar o script todo, más nao vem ao caso, axo que todos aque deve entender pelo menos o Minimo de cara, rsrs. A parte negritada é onde você vai colocar o Link Direto da sua Imagem, encontrada no passo 1º.

 

3º Colocando no Gesior.

 

Após ter colocado a referencia de seu Site, no script, adicione o script no arquivo, latesnews.php geralmente fica no mesmo lugar do Index.php.

 

Antes de:

<?PHP

$time = time();

do arquivo, lastesnews.php adicione seu script configura no passo 2º, deixando da seguinte forma,

<div id="LayerPop" style="display:block; position:absolute; left:0px; top:0px; background-color:#1e1e22; width:100%; height:180%; z-index:100;margin:0px;opacity:0.75;"></div>

<div id="LayerPop2" style="position: absolute; left: 330px; top: 80px; z-index: 5000;"><a href="?subtopic=doacao"><img src="SEU LINK AQUI" border="0" class="imgBorder"></a><br><a href="javascript:void();" onClick="document.getElementById('LayerPop').style.display = 'none';document.getElementById('LayerPop2').style.display = 'none'"><b>Fechar</b></a></div>

<?PHP

$time = time();

{ .............. } RESTO DO SCRIPT :D

 

Atualize seu site, e pronto seu PopUp foi instalado com sucesso!

Qualquer duvida é so postar aqui ;)

Espero ter ajudado, gosto da 1 rep+

abrçs!

Compartilhar este post


Link para o post
ADM Bruninho    3
ADM Bruninho

otimo sistema amigo acredito que vai ajudar muita gente ... vou testa aqui no meu website qualquer bug eu posto aqui!

Compartilhar este post


Link para o post
Fox    0
Fox

@ADM Bruninho

Tudo, beem ;)

Obrigado, e um dos meus primeiros Post, más

irei apartir de hoje criar tutoriaais, para ajudar as pessoas,

porque um dia, eu passei por tais problemas, também ;)

 

Abraço!

Compartilhar este post


Link para o post
Exlash    0
Exlash

Muito útil isso, chama muito mais atenção dos players!!

Compartilhar este post


Link para o post
Fox    0
Fox

@ Exlash

é vdd, obrigado (y

qualquer duvida, posta ai

abrc ;)

Compartilhar este post


Link para o post
Johnbrasil    0
Johnbrasil

Perfeito!!! Com esse poup-up, promocoes rolaram o tempo todo! VLW! Script perfeito!!

Compartilhar este post


Link para o post
Fox    0
Fox

Obrigado ;D

não deixe de usar o Rep+

Compartilhar este post


Link para o post
zaksz    144
zaksz

Muito bom cara , isso ajuda muito no gesior.

Aproposito, o SPOILER do "O que e Pop Up" nâo está abrindo.

Compartilhar este post


Link para o post
gpedro    47
gpedro

A imagem não precisa ser necessariamente colocada em um servidor de hospedagem de imagens, pode ser no próprio site...

Coloca na pasta images, na htdocs

<img src="/images/offer.png" border="0" class="imgBorder">

E apesar de ser simples, você não explicou onde muda o link e tals.

<a href="?subtopic=doacao">

Compartilhar este post


Link para o post
Visitante
Este tópico está impedido de receber novos posts.
Entre para seguir isso  
  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.

×