//-->
Yakın Zamanda Bomba Gibi Geliyoruz Bekleyin...
Duyuru:
SİTEMİZ KISA SÜRE İÇİNDE GÜNCELLENECEKTİR.!
Bs-PLaTFoRMu .Tr.Gg ••• Yeniden Paylaşımda ••• DeSiNG By OmEgA
Dizayn By Omega 2013

Bs-Platformu - Webmaster Yardım Platformu

siteyle acilan popup

x

Siteyle birlikte açılan jQuery Popup!

Bu ufak kodlar ve jQuery sayesinde harikalar yaratabiliriz.

Açılışta popup gelmesi için biraz kafa yordum :D ama değdi.

ESC ye popup dışına yada x e basarak kapanabilir.

 

 
Bu ufak kodlar ve jQuery sayesinde harikalar yaratabiliriz.Reklam,Duyuru gibi işlerde
kullana bilceğ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>
 






Bu sayfa hakkındaki yorumlar:
Yorumu gönderen::13.06.2011, 17:53 (UTC)
bs-platformu
bs-platformu
Kapalı

güle güle kullanın

Yorumu gönderen::13.06.2011, 17:24 (UTC)
bs-yardimplatform
bs-yardimplatform
Kapalı

mukemmel!

Yorumu gönderen::13.06.2011, 15:15 (UTC)
magazin-o
magazin-o
Kapalı

Güzel Paylaşım Yapmışsın Kanka .. Eline Sağlık



Bu sayfa hakkında yorum ekle:
İsmin:
Siten:
Mesajınız:

| Bugün: 9 | Klik: 18 | Online : | IP: 54.226.132.197 |
EPfarkı Ping your blog, website, or RSS feed for Free
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=