Advertisement
Albertodowns

Como colocar opção curtir do facebook em janela PopUp n blog

May 27th, 2015
776
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.33 KB | None | 0 0
  1. <style>
  2. #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
  3. #cboxOverlay{position:fixed; width:100%; height:100%;}
  4. #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
  5. #cboxContent{position:relative;}
  6. #cboxLoadedContent{overflow:auto;}
  7. #cboxTitle{margin:0;}
  8. #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
  9. #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
  10. .cboxPhoto{float:left; margin:auto; border:0; display:block;}
  11. .cboxIframe{width:100%; height:100%; display:block; border:0;}
  12. #cboxOverlay{background:#000;opacity:0.5 !important;}
  13. #colorbox{
  14. box-shadow:0 0 15px rgba(0,0,0,0.4);
  15. -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
  16. -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
  17. }
  18. #cboxTopLeft{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 0;}
  19. #cboxTopCenter{height:14px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x top left;}
  20. #cboxTopRight{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px 0;}
  21. #cboxBottomLeft{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 -32px;}
  22. #cboxBottomCenter{height:43px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x bottom left;}
  23. #cboxBottomRight{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px -32px;}
  24. #cboxMiddleLeft{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -175px 0;}
  25. #cboxMiddleRight{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -211px 0;}
  26. #cboxContent{background:#fff; overflow:visible;}
  27. #cboxLoadedContent{margin-bottom:5px;}
  28. #cboxLoadingOverlay{background:url(https://lh6.googleusercontent.com/-E9dVofW8BBY/T42WBJ5M22I/AAAAAAAAD_w/w7AL0l9gVKk/s40/loading-background.png) no-repeat center center;}
  29. #cboxLoadingGraphic{background:url(https://lh5.googleusercontent.com/-ibVOtcbbUyU/T42WNcii6_I/AAAAAAAAEAE/Mrplo9QsPks/s32/loading.gif) no-repeat center center;}
  30. #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
  31. #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
  32. #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
  33. #cboxPrevious{left:0px; background-position: -51px -25px;}
  34. #cboxPrevious.hover{background-position:-51px 0px;}
  35. #cboxNext{left:27px; background-position:-75px -25px;}
  36. #cboxNext.hover{background-position:-75px 0px;}
  37. #cboxClose{right:0; background-position:-100px -25px;}
  38. #cboxClose.hover{background-position:-100px 0px;}
  39. .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
  40. .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
  41. .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
  42. .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
  43. #subscribe {
  44. font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
  45. }
  46. #subscribe a,
  47. #subscribe a:hover,
  48. #subscribe a:visited {
  49. text-decoration:none;
  50. }
  51. .box-title {
  52. color: #3B5998;
  53. font-size: 20px !important;
  54. font-weight: bold;
  55. margin: 10px 0;
  56. border:1px solid #ddd;
  57. -moz-border-radius:6px;
  58. -webkit-border-radius:6px;
  59. border-radius:6px;
  60. box-shadow: 5px 5px 5px #CCCCCC;
  61. padding:10px;
  62. line-height:25px; font-family:arial !important;
  63. }
  64. .box-tagline {
  65. color: #999;
  66. margin: 0;
  67. text-align: center;
  68. }
  69. #subs-container {
  70. padding: 35px 0 30px 0;
  71. position: relative;
  72. }
  73. a:link, a:visited {
  74. border:none;
  75. }
  76. .demo {
  77. display:none;
  78. }
  79. </style>
  80. <script src='http://yourjavascript.com/1029251148/jquery.min.js'></script>
  81. <script src="http://yourjavascript.com/1141272178/jquery.colorbox-min.js"></script>
  82. <script type="text/javascript">
  83. jQuery(document).ready(function(){
  84. if (document.cookie.indexOf('visited=true') == -1) {
  85. var fifteenDays = 1000*60*60*24*30;
  86. var expires = new Date((new Date()).valueOf() + fifteenDays);
  87. document.cookie = "visited=true;expires=" + expires.toUTCString();
  88. $.colorbox({width:"350px", inline:true, href:"#subscribe"});
  89. }
  90. });
  91. </script>
  92. <!-- This contains the hidden content for inline calls -->
  93. <div style='display:none'>
  94. <div id='subscribe' style='padding:10px; background:#fff;'>
  95. <center>
  96. <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdownshackeroficial&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
  97. </center>
  98. </div>
  99. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement