fork download
  1. <script src='http://a...content-available-to-author-only...s.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
  2. <style>
  3. #fanback {
  4. display:none;
  5. background:rgba(0,0,0,0.8);
  6. width:100%;
  7. height:100%;
  8. position:fixed;
  9. top:0;
  10. left:0;
  11. z-index:99999;
  12. }
  13. #fan-exit {
  14. width:100%;
  15. height:100%;
  16. }
  17. #fanbox {
  18. background:white;
  19. width:420px;
  20. height:270px;
  21. position:absolute;
  22. top:58%;
  23. left:63%;
  24. margin:-220px 0 0 -375px;
  25. -webkit-box-shadow: inset 0 0 50px 0 #939393;
  26. -moz-box-shadow: inset 0 0 50px 0 #939393;
  27. box-shadow: inset 0 0 50px 0 #939393;
  28. -webkit-border-radius: 5px;
  29. -moz-border-radius: 5px;
  30. border-radius: 5px;
  31. margin: -220px 0 0 -375px;
  32. }
  33. #fanclose {
  34. float:right;
  35. cursor:pointer;
  36. background:url(http://3...content-available-to-author-only...t.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
  37. height:15px;
  38. padding:20px;
  39. position:relative;
  40. padding-right:40px;
  41. margin-top:-20px;
  42. margin-right:-22px;
  43. }
  44. .remove-borda {
  45. height:1px;
  46. width:366px;
  47. margin:0 auto;
  48. background:#F3F3F3;
  49. margin-top:16px;
  50. position:relative;
  51. margin-left:20px;
  52. }
  53. #linkit,#linkit a.visited,#linkit a,#linkit a:hover {
  54. color:#80808B;
  55. font-size:10px;
  56. margin: 0 auto 5px auto;
  57. float:center;
  58. }
  59. </style>
  60.  
  61.  
  62. <script type='text/javascript'>
  63. //<![CDATA[
  64. jQuery.cookie = function (key, value, options) {
  65.  
  66. // key and at least value given, set cookie...
  67. if (arguments.length > 1 && String(value) !== "[object Object]") {
  68. options = jQuery.extend({}, options);
  69.  
  70. if (value === null || value === undefined) {
  71. options.expires = -1;
  72. }
  73.  
  74. if (typeof options.expires === 'number') {
  75. var days = options.expires, t = options.expires = new Date();
  76. t.setDate(t.getDate() + days);
  77. }
  78.  
  79. value = String(value);
  80.  
  81. return (document.cookie = [
  82. encodeURIComponent(key), '=',
  83. options.raw ? value : encodeURIComponent(value),
  84. options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
  85. options.path ? '; path=' + options.path : '',
  86. options.domain ? '; domain=' + options.domain : '',
  87. options.secure ? '; secure' : ''
  88. ].join(''));
  89. }
  90.  
  91. // key and possibly options given, get cookie...
  92. options = value || {};
  93. var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
  94. return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
  95. };
  96. //]]>
  97. </script>
  98. <script type='text/javascript'>
  99. jQuery(document).ready(function($){
  100. if($.cookie('popup_user_login') != 'yes'){
  101. $('#fanback').delay(20000).fadeIn('medium');
  102. $('#fanclose, #fan-exit').click(function(){
  103. $('#fanback').stop().fadeOut('medium');
  104. });
  105. }
  106. $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
  107. });
  108. </script>
  109.  
  110. <div id='fanback'>
  111. <div id='fan-exit'>
  112. </div>
  113. <div id='fanbox'>
  114. <div id='fanclose'>
  115. </div>
  116. <div class='remove-borda'>
  117. </div>
  118. <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
  119.  
  120. href=http://w...content-available-to-author-only...k.com/mdeventsasialikepage&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
  121.  
  122. style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
  123. <span id="linkit"><a href="http://w...content-available-to-author-only...s.com/2013/08/facebook-popup-widget-with-lightbox.html">Facebook Like Box</a> <a href="http://w...content-available-to-author-only...s.com">Widget</a></span></center>
  124. </div>
  125. </div>
  126.  
Success #stdin #stdout 0.01s 20568KB
stdin
Standard input is empty
stdout
<script src='http://a...content-available-to-author-only...s.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(http://3...content-available-to-author-only...t.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>


<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(20000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>

<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://w...content-available-to-author-only...k.com/mdeventsasialikepage&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span id="linkit"><a href="http://w...content-available-to-author-only...s.com/2013/08/facebook-popup-widget-with-lightbox.html">Facebook Like Box</a> <a href="http://w...content-available-to-author-only...s.com">Widget</a></span></center>
</div>
</div>