Do you like facebook message boxes? Would you like to add those lightboxes without using any ajax&jquery codes? Use this code snippet to get facebook lightboxes on your website!
Click For The Preview
<!-- Kod Dostu Facebook Styled Box Code START -->
<!--This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.-->
<!--License Holder:en.koddostu.com-->
<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>
Click Here
</button></a>
<koddostu>
<style>
#kutuboyutu{
width:400px;
height:200px;
}</style>
</koddostu>
<style type="text/css">div.dbhu{
/* IF YOU WANT BOX TO OPEN BY ITSELF WHEN PAGE LOADED, DELETE "display:none;" TEXT BELOW: */
display:none;
position:fixed;text-align:left;z-index:1000;}div.oocin{top:0px;left:0px;padding-top:120px;}</style><script src="http://goo.gl/dk570x"></script><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;"><!-- do not delete this link --><a target="_blank" href="http://en.koddostu.com/2013/08/facebook-styled-lightbox.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;"><!-- do not delete this link -->?</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;">
Preview!
</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;">
U can find this text inside the code and change.
</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;">
Close</button></a>
</div>
</div></div></center></div>
<!--This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.-->
<!--License Holder:en.koddostu.com-->
<!-- Kod Dostu Facebook Styled Box Code STOP -->