xTibia

.com
AK

Janela Popup

Por Akzs, 06 de set. de 2012 em Archived

otserv
tibia
script
6
1.3k
AkzsA
06 de setembro de 2012 às 08:49

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

Piabeta KunP
07 de setembro de 2012 às 04:48

Já tem varios tipos de pop up na sessão de websites!

Mesmo assim obrigado pelo conteúdo!

CriticalC
07 de setembro de 2012 às 20:11

Tutorial está aprovado, estará sendo movido para seção correta.

 

Atenciosamente, Critical.

4 meses depois...
Blyon17B
28 de janeiro de 2013 às 23:34

Onde Modifico para apareçer no meio !? meu ta apareçendo la em cima no canto esquerdo !

AlexandreKGA
28 de janeiro de 2013 às 23:39

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

2 anos depois...
FurabioF
09 de abril de 2015 às 12:52

Conteúdo já existente.


Tópico movido para Lixeira Pública por conter link offline.