Advertisement
Mafios

Facebook POP UP

Oct 23rd, 2013
143
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.38 KB | None | 0 0
  1. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
  2. <script src="https://raw.github.com/EXEIdeas/JS/master/ColorBox-v1.3.16"></script>
  3.  
  4. <script type="text/javascript">
  5. jQuery(document).ready(function(){
  6. if (document.cookie.indexOf('visited=false') == -1)
  7. {
  8. var fifteenDays = 1000*60*60*24*30;
  9. var expires = new Date((new Date()).valueOf() + fifteenDays);
  10. document.cookie = "visited=true;expires=" + expires.toUTCString();
  11. $.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
  12. }
  13. });
  14. </script>
  15.  
  16. <style type="text/css">
  17. /* ColorBox v1.3.16(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)*/
  18. #colorbox, #cboxOverlay, #cboxWrapper{
  19. position:absolute;
  20. top:0;
  21. left:0;
  22. z-index:9999;
  23. overflow:hidden;
  24. }
  25. #cboxOverlay{
  26. position:fixed;
  27. width:100%;
  28. height:100%;
  29. }
  30. #cboxMiddleLeft, #cboxBottomLeft{
  31. clear:left;
  32. }
  33. #cboxContent{
  34. position:relative;
  35. }
  36. #cboxLoadedContent{
  37. overflow:auto;
  38. }
  39. #cboxTitle{
  40. margin:0;
  41. }
  42. #cboxLoadingOverlay, #cboxLoadingGraphic{
  43. position:absolute;
  44. top:0;
  45. left:0;
  46. width:100%;
  47. }
  48. #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
  49. cursor:pointer;
  50. }
  51. .cboxPhoto{
  52. float:left;
  53. margin:auto;
  54. border:0;
  55. display:block;
  56. }
  57. .cboxIframe{
  58. width:100%;
  59. height:100%;
  60. display:block;
  61. border:0;
  62. }
  63. #cboxOverlay{
  64. background:#000;
  65. opacity:0.5 !important;
  66. }
  67. #colorbox{
  68. box-shadow:0 0 15px rgba(0,0,0,0.4);
  69. -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
  70. -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
  71. }
  72. #cboxTopLeft{
  73. width:14px;
  74. height:14px;
  75. background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0;
  76. }
  77. #cboxTopCenter{
  78. height:14px;
  79. background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left;
  80. }
  81. #cboxTopRight{
  82. width:14px;
  83. height:14px;
  84. background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0;
  85. }
  86. #cboxBottomLeft{
  87. width:14px;
  88. height:43px;
  89. background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px;
  90. }
  91. #cboxBottomCenter{
  92. height:43px;
  93. background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left;
  94. }
  95. #cboxBottomRight{
  96. width:14px;
  97. height:43px;
  98. background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px;
  99. }
  100. #cboxMiddleLeft{
  101. width:14px;
  102. background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0;
  103. }
  104. #cboxMiddleRight{
  105. width:14px;
  106. background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0;
  107. }
  108. #cboxContent{
  109. background:#fff;
  110. overflow:visible;
  111. }
  112. #cboxLoadedContent{
  113. margin-bottom:5px;
  114. }
  115. #cboxLoadingOverlay{
  116. background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center;
  117. }
  118. #cboxLoadingGraphic{
  119. background: url(http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/loading.gif) no-repeat center center;
  120. }
  121. #cboxTitle{
  122. position:absolute;
  123. bottom:-25px;
  124. left:0;
  125. text-align:center;
  126. width:100%;
  127. font-weight:bold;
  128. color:#7C7C7C;
  129. }
  130. #cboxCurrent{
  131. position:absolute;
  132. bottom:-25px;
  133. left:58px;
  134. font-weight:bold;
  135. color:#7C7C7C;
  136. }
  137. #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
  138. position:absolute;
  139. bottom:-29px;
  140. background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0px 0px;
  141. width:23px;
  142. height:23px;
  143. text-indent:-9999px;
  144. }
  145. #cboxPrevious{
  146. left:0px;
  147. background-position:-51px -25px;
  148. }
  149. #cboxPrevious.hover{
  150. background-position:-51px 0px;
  151. }
  152. #cboxNext{
  153. left:27px;
  154. background-position:-75px -25px;
  155. }
  156. #cboxNext.hover{
  157. background-position:-75px 0px;
  158. }
  159. #cboxClose{
  160. right:0;
  161. background-position:-100px -25px;
  162. }
  163. #cboxClose.hover{
  164. background-position:-100px 0px;
  165. }
  166. .cboxSlideshow_on #cboxSlideshow{
  167. background-position:-125px 0px;
  168. right:27px;
  169. }
  170. .cboxSlideshow_on #cboxSlideshow.hover{
  171. background-position:-150px 0px;
  172. }
  173. .cboxSlideshow_off #cboxSlideshow{
  174. background-position:-150px -25px;
  175. right:27px;
  176. }
  177. .cboxSlideshow_off #cboxSlideshow.hover{
  178. background-position:-125px 0px;
  179. }
  180. #mdfb{
  181. font:12px/1.2 Arial, Helvetica, San-serif;
  182. color:#666;
  183. }
  184. #mdfb a, #mdfb a:hover, #mdfb a:visited{
  185. text-decoration:none;
  186. }
  187. .mdbox-title{
  188. background:#000;
  189. color:#fff;
  190. font-size:20px !important;
  191. font-weight:bold;
  192. margin:10px 0;
  193. border:20px solid #ddd;
  194. -moz-border-radius:6px;
  195. -webkit-border-radius:6px;
  196. border-radius:6px;
  197. box-shadow:5px 5px 5px #CCC;
  198. padding:10px;
  199. line-height:25px;
  200. font-family:Arial !important;
  201. }
  202. </style>
  203.  
  204. <div style='display:none'>
  205. <div id='exestylepopups' style='padding:10px; background:#fff;'>
  206. <center>
  207. <h3 class="mdbox-title">
  208. Likeeeeee te rog? :D
  209. </h3>
  210. </center>
  211. <center>
  212. <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fminecraftromania
  213. &amp;width=300
  214. &amp;colorscheme=light
  215. &amp;show_faces=true
  216. &amp;order_color=%23ffffff
  217. &amp;stream=false
  218. &amp;header=false
  219. &amp;height=258"
  220. scrolling="no"
  221. frameborder="0"
  222. style="border:none; overflow:hidden; width:300px; height:258px;"
  223. allowtransparency="true">
  224. </iframe>
  225. </center>
  226. </div>
  227. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement