PDA

View Full Version : Modal PopUp


WoODoO
08-14-2013, 04:56 PM
hello guys, I'm trying to make this popup working on my forum but I'm out of luck.
Added in FORUMHOME, header footer etc ...

It did not work.

...all files in their proper places
On another page without the vbulletin forum has worked.

Anyone have an idea?

Follow:

<!-- INICIO MODAL -->
<style>
/* jqModal base Styling courtesy of;
Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (in jqModal.js). You
can change this value by either;
a) supplying one via CSS
b) passing the "zIndex" parameter. E.g. (window).jqm({zIndex: 500}); */

.jqmWindow {
display: none;

position: fixed;
top: 17%;
left: 50%;

margin-left: -300px;
width: 600px;
height: 400px;
background-color: #EEE;
color: #333;
border: 1px solid black;
padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://dev.iceburg.net/jquery/jqModal/jqModal.js"></script>
<script type="text/javascript" src="http://armapoint.com/forum/jquery.cookie.js"></script>
<script type="text/javascript">
jQuery().ready(function() {

$('#fechar').click(function() {
$.cookie('fechajanelaservidor','sim', { expires: 2 });
})
if($.cookie('fechajanelaservidor')) {
$('.jqmWindow').hide();
} else {
$('#dialog').jqm();
$('#dialog').jqmShow();
}
});
</script>

<div class="jqmWindow" id="dialog" style="font-size:16px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif">

<a href="#" class="jqmClose" id="fechar" title="Fechar esta janela por 2 dias"><img src="http://icons.iconarchive.com/icons/visualpharm/must-have/16/Delete-icon.png" /> Fechar</a><br>
<br>
<div style="text-align: center;"><strong style="color:#990000;">&gt;&gt;&gt; Ajude a manter o servidor &lt;&lt;&lt;</strong></div>
<hr/>
<div>
<div style="text-align: center;">
<img src="http://icons.iconarchive.com/icons/kyo-tux/phuzion/128/Sign-Alert-icon.png" />
</div>
<p>TEXTO INSERIDO PARA O AVISO. <br/><br/>
TEXTO INSERIDO PARA O AVISOTEXTO INSERIDO PARA O AVISOTEXTO INSERIDO PARA O AVISOTEXTO INSERIDO PARA O AVISO.<br/><br/>
TEXTO INSERIDO PARA O AVISOTEXTO INSERIDO PARA O AVISOTEXTO INSERIDO PARA O AVISOTEXTO INSERIDO PARA O AVISOTEXTO INSERIDO PARA O AVISO </p>
</p><br/>
<p><strong>TEXTO INSERIDO PARA O AVISO <a href="#" target="_blank">TEXTO INSERIDO PARA O AVISO</a>. </strong></p>
</div>
</div>





<!-- FIM MODAL -->

kh99
08-18-2013, 12:48 PM
Did you try putting it in the headinclude template?