Jquery Popup

Bu ufak kodlar ve jQuery sayesinde harikalar yaratabiliriz.Reklam,Duyuru gibi işlerde 
kullanabileceğiniz Siteyle birlikte açılan jQuery Popup. 

Tasarım üstüne:
<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script> <script src="http://hibycocuk.com/Files/popup.js" type="text/javascript"></script> <script> $(document).ready(function(){ centerPopup(); loadPopup(); }); </script> 

Css Bölümüne:
 
<border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; padding:0pt; vertical-align:baseline; } body{ background:#fff none repeat scroll 0%; line-height:1; font-size: 12px; font-family:arial,sans-serif; margin:0pt; height:100%; } table { border-collapse:separate; border-spacing:0pt; } caption, th, td { font-weight:normal; text-align:left; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a{ cursor: pointer; text-decoration:none; } br.both{ clear:both; } #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; } #popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/height:384px; width:408px; background:#FFFFFF; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; } #popupContact h1{ text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px; } #popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; } #button{ text-align:center; margin:100px; } > 

Kodu Ekleyeceğiniz Sayfaya: 

<div id="popupContact"> 
<a id="popupContactClose">x</a> 
<h1>Siteyle birlikte açılan jQuery Popup!</h1> 
<p id="contactArea"> 
Bu ufak kodlar ve jQuery sayesinde harikalar yaratabiliriz. 
<br/><br/> 
Açılışta popup gelmesi için biraz kafa yordum <IMG class=wp-smiley alt=:D src="http://www.hibycocuk.com/wp-includes/images/smilies/icon_biggrin.gif">  ama değdi. 
<br/><br/> 
ESC ye popup dışına yada x e basarak kapanabilir. 
<br/><br/> 
</p> 
</div> 
<div id="backgroundPopup"></div> 
kaynak: http://bs-platformu.tr.gg