tam olarak istediğini anladımmı bilmiyorum ancak aşağıdaki kodu widget olarak ekler ve de ilgili yerin ayarlamasını yaparsan işine yarar gibi





Login Modal Dialog Window with CSS and jQuery

<script></script>
<script>
$(document).ready(function() {
//Fade in the Popup and add close button
$(".login-popup").fadeIn(300);
//Set the center alignment padding + border
var popMargTop = ($(loginBox).height() + 24) / 2;
var popMargLeft = ($(loginBox).width() + 24) / 2;

$(loginBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});

// Add the mask to body
$('body').append('

');
$('#mask').fadeIn(300);

return false;


// When clicking on the button close or the mask layer the popup closed

});
$('a.close, #mask').live('click', function() {
$('#mask , .login-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
</script>

ayrıca şu siteden örneğe bakabilirsin: http://a1ett.blogspot.com/