KOD DÜNYASI.!: Facebook'taki Gibi Açılan Kutu

21 Mayıs 2012 Pazartesi

Facebook'taki Gibi Açılan Kutu

Bu, site içinde açılan pencereler size çok tanıdık gelecek! Facebookdaki uyarı kutularının , uyarı mesajlarının kullanıcıya gösterildiği kutucukları artık sitenize ekleyebileceksiniz!

Ayarlar
Kod içerisinde bazı notlar göreceksiniz. Sizin için hazırladığımız bu notlar şunları yapmanıza imkan sağlayacak:
-Kutunun boyutlarını değiştirmek
-Facebook kutusunun, sayfa yüklenince kendiliğinden açılmasını sağlamak
-Kutu içindeki yazıları Değiştirmek

" ÖNİZLEME EKRANDADIR.!

?

Önizleme !

Burada Yazanları, kod içerisinden bulup değiştirebilirsiniz!

<br />
<br />
<a href="javascript:void(0);" onclick="document.getElementById('faceuyari').style.display='block';" style="margin:0px;padding:0px;color:black;background-color:transparent;border:none;text-decoration:none;"><button><br />
<br />
Buraya Tıklayın<br />
<br />
</button></a><br />
<br />
<style>

#kutuboyutu{
/* Yükseklik ve genişliği buradan değiştirebilirsiniz: */
width:400px;
height:200px;

}</style><br />
<br />
<br />
<!DOCTYPE HTML><style type="text/css">div.dbhu{

/* Kutucuğun sayfa açıldığında kendiliğinden görünmesini istiyorsanız "display:none;" yazısını silin: */

display:none;

position:fixed;text-align:left;z-index:1000;}div.oocin{top:0px;left:0px;padding-top:120px;}</style><style type="text/css">div.dbhu{_position:absolute;}div.oocin{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div id="faceuyari" class="dbhu oocin" style="text-align:left;width:100%;height:100%;background-color.transparent;"><center><div id="kutuboyutu" style="padding:10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background-color:#868686;background-color: rgba(82, 82, 82, 0.7);"><div style="background-color:white;width:100%;height:100%;border:none;position:relative;overflow:hidden;padding-right:1px;border-right:1px solid #555;"><div style="width:100%;height:27px;background-color:#6d84b4;border-top:1px solid #3b5998;border-left:1px solid #3b5998;border-right:1px solid #3b5998;border-bottom:none !important;text-align:left;position:relative;"><a target="_blank" href="http://siteneeklekodlari.blogspot.com/2012/01/sitene-facebookdaki-gibi-aclan-kutular.html" style="position:absolute;top:2px;right:3px;margin:0px;padding:0px;background-color:transparent;border:none;color:white;font-size:14px;font-family:Verdana;font-weight:bold;text-decoration:none;">?</a><a style="line-height:27px;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-weight:bold;color:white;font-family:Verdana;font-size:14px;margin-left:10px;"><br />
<br />
<br />
Önizleme !<br />
<br />
<br />
<br />
</a></div><div style="width:100%;height:100%;border:1px solid #555555;border-top:none !important;margin-top:0px;text-align:left;padding:16px;font-family:Verdana;font-size:12px;font-weight:normal;color:black;"><br />
<br />
<br />
<br />
<br />
Burada Yazanları, kod içerisinden bulup değiştirebilirsiniz!<br />
<br />
<br />
</div><div style="background-color:#f2f2f2;width:100%;height:40px;position:absolute;bottom:0px;left:0px;border:1px solid #555555;border-top:1px solid #ccc !important;text-align:right;"><a onclick="document.getElementById('faceuyari').style.display='none';" style="margin:0px;padding:0px;border:none;text-decoration:none;font-weight:bold;color:white;font-family:Verdana;font-size:12px;"><button style="margin-top:9px;margin-right:10px;border:1px outset #29447e;border-bottom:1px solid #213d79 !important;height:25px;text-decoration:none;font-weight:bold;color:white;font-family:Verdana;font-size:12px;background-color:#5872a7;padding-bottom:3px;"><br />
<br />
Tamam</button></a><br />
</div><br />
</div></div></center></div>

KOD DÜNYASI.!

Bu Blogda Ara

21 Mayıs 2012 Pazartesi

Facebook'taki Gibi Açılan Kutu

Hiç yorum yok:

Yorum Gönder

Paylaş