E ae pessoal o/
antes de começar, eu queria estar pedindo pra vocês se não entenderem algo ou estarem dando erro, comentem, pois eu acabei de aprender esse metódo kk xD
Primeiro, vocês vão em: Modelo > Editar Html. Procurem por:
<head>
E embaixo cole:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a[name=modal]').click(function(e) {
e.preventDefault();
var id = $(this).attr('href');
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
$(id).fadeIn(2000);
});
$('.window .close').click(function (e) {
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
Logo depois, procurem po:
]]></b:skin>
E acima dele:
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
text-size: 20px;
}
#boxes .window {
position:absolute;
left:0;
top:0;
width:600px;
height:480px;
display:none;
z-index:9999;
padding:20px;
}
#boxes #dialog {
width:600px;
height:480px;
padding:10px;
background-color:#ffffff;
}
.close{display:block; text-align:right;}
Então você procura por:
</body>
E então acima dele cole:
<div id='boxes'>
<div class='window' id='dialog'>
<a class='close' href='#'>Fechar [X]</a><br/>
<b> </b><br/>
Código do Formulario
<!-- Máscara para cobrir a tela -->
<div id='mask'/>
Nota** Você pode estar criando um formulário em Woofu Google Docs...
Assinar:
Postar comentários (Atom)
0 comentários:
Postar um comentário