Ir para conteúdo

Janela Popup

Akzs

Por Akzs
em Lixeira Pública

 Share

Posts Recomendados

Akzs

Akzs 56

Postado
Postado

Muitos tem Duvidas como por uma janela popup no site ate mesmo com uma imagem de promoção e etc. Hoje estarei ensinando a POR.

 

Se usar gensior coloque isso no layout.php

 

<style type="text/css">

#popup{

position: absolute;

top: 15px;

left: 15px;

padding: 4px 4px 4px 4px;

border-width: 1px;

border-style: solid;

background: #242424;

display: none;

z-index: 10000;

}

</style>

 

Ainda no layout.php coloque

 

<script language="javascript" type="">

function fechar(){

document.getElementById('popup').style.display = 'none';

}

</script>

 

Pronto agora coloque antes do <body>

 

<center><div id="popup" class="popup" style="display:block">

<a href="http://remixot.com/" target="_blank"><img src="http://www.xtibia.com/forum/public/style_images/14_7_logo2011.png" width="509" height="374" border="0"></a>

<small><a href="javascript: fechar();"><br />

<div align="right"><font size="2"><b>FECHAR</b></font></div></a></small>

</div></center>

 

Salve e Pronto. Duvidas? Post no Topico Ajudei Agradeça

 

 

Exemplo de Como vai ficar

 

rs9wv.png

Link para o comentário
Compartilhar em outros sites
  • 4 months later...
AlexandreKG

AlexandreKG 134

Postado
Postado

Em ves de usar assim:

 

<center><div id="popup" class="popup" style="display:block">
<a href="http://remixot.com/" target="_blank"><img src="http://www.xtibia.com/forum/public/style_images/14_7_logo2011.png" width="509" height="374" border="0"></a>
<small><a href="javascript: fechar();"><br />
<div align="right"><font size="2"><b>FECHAR</b></font></div></a></small>
</div></center>

 

Tente assim:

 

<center><div id="popup" class="popup" style="display:block">
<a href="http://remixot.com/" target="_blank"><center><img src="http://www.xtibia.com/forum/public/style_images/14_7_logo2011.png" width="509" height="374" border="0"></a></center>
<small><a href="javascript: fechar();"><br />
<div align="right"><font size="2"><b>FECHAR</b></font></div></a></small>
</div></center>

 

Abçs

Link para o comentário
Compartilhar em outros sites
  • 2 years later...
 Share
Ir para a lista de tópicos
×
×
  • Criar Novo...