Advertisement
Guest User

PPU remove box and power footer

a guest
Jan 7th, 2016
499
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.87 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>[[TITLE]]</title>
  6. <meta name="description" content="[[DESCRIPTION]]"/>
  7.  
  8. <meta property="og:image" content="[[OG_IMAGE]]" />
  9. <meta property="og:url" content="[[OG_URL]]" />
  10. <meta property="og:title" content="[[OG_TITLE]]" />
  11.  
  12. <link rel="shortcut icon" href="/favicon.ico" />
  13. <link rel="stylesheet" href="http://login.photopartyupload.com/content/styles/jquery.fancybox.css" type="text/css" media="screen" />
  14. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  15. <script type="text/javascript" src="http://login.photopartyupload.com/scripts/jquery.fancybox.pack.js"></script>
  16. <script type="text/javascript" src="scripts/jwplayer.js"></script>
  17. <style type="text/css">
  18. body
  19. {
  20. [[BACKGROUNDIMAGE]];
  21. }
  22. .download
  23. {
  24. font-size: 14px;
  25. color: #dddddd;
  26. text-align: center;
  27. text-weight:bold;
  28. padding: 5px;
  29. }
  30.  
  31. </style>
  32.  
  33. <style type="text/css">
  34. body
  35. {
  36. background-repeat: repeat;
  37. font-family: Arial, Helvetica, sans-serif;
  38. }
  39.  
  40. .frame
  41. {
  42. border:0px;
  43. padding: 8px 0px;
  44. }
  45.  
  46. a.fancybox.image IMG,
  47. a.fancybox.video IMG
  48. {
  49. max-width: 210px;
  50. max-height: 130px;
  51. }
  52.  
  53. img
  54. {
  55. border: none;
  56. }
  57.  
  58. #main
  59. {
  60. margin: 0 auto;
  61. width: 940px;
  62. height: auto;
  63. }
  64.  
  65. #banner
  66. {
  67. width: 940px;
  68. height: auto;
  69. }
  70.  
  71. #banner IMG
  72. {
  73. margin: 0 auto;
  74. display: block;
  75. }
  76.  
  77. #header
  78. {
  79. padding: 20px;
  80. height: auto;
  81. }
  82.  
  83. #header p
  84. {
  85. font-size: 14px;
  86. font-weight: 550;
  87. color: #000;
  88. }
  89.  
  90. #content
  91. {
  92. width: 100%;
  93. height: auto;
  94. }
  95.  
  96.  
  97. .frame
  98. {
  99. margin-left: 5px;
  100. background-repeat: no-repeat;
  101. /*float: left;*/
  102. display: inline-block;
  103. }
  104.  
  105. .frame img
  106. {
  107. margin-left: 1px;
  108. margin-top: 1px;
  109. }
  110.  
  111. .fancybox.video
  112. {
  113. display: block;
  114. position: relative;
  115. width: 100%; /* for IE 6 */
  116. }
  117.  
  118. .fancybox.video .overlay
  119. {
  120. position: absolute;
  121. top: 0;
  122. left: 0;
  123. width: 100%;
  124. height: 100%;
  125. background: url(data/video_play_overlay.png) no-repeat 50% 50%;
  126. cursor: pointer;
  127. }
  128.  
  129. .clear-both
  130. {
  131. clear: both;
  132. }
  133.  
  134. #footer
  135. {
  136. padding: 20px;
  137. }
  138.  
  139. #footer p
  140. {
  141. font-size: 14px;
  142. font-weight: 550;
  143. color: #000;
  144. }
  145.  
  146. #footer_power_by
  147. {
  148. background-image: url(data/footerbg.jpg);
  149. background-repeat: repeat-x;
  150. height: 64px;
  151. text-align: center;
  152. }
  153.  
  154. #footer_power_by span
  155. {
  156. line-height: 64px;
  157. font-size: 12px;
  158. }
  159.  
  160. .power
  161. {
  162. color: #8c8c8c;
  163. }
  164.  
  165. .powername
  166. {
  167. color: #dd8c5c;
  168. }
  169.  
  170. a.powername:link
  171. {
  172. color: #dd8c5c;
  173. text-decoration: none;
  174. }
  175.  
  176. a.powername:hover
  177. {
  178. color: #dd8c00;
  179. text-decoration: underline;
  180. }
  181.  
  182. a.powername:visited
  183. {
  184. color: #dd8c5c;
  185. text-decoration: none;
  186. }
  187.  
  188. [[THUMBNAILS_SIZE]]
  189. </style>
  190.  
  191.  
  192. <script type="text/javascript">
  193.  
  194. function downloadFile(url)
  195. {
  196. if(url.indexOf("://") < 0) {
  197. var loc = window.location.href;
  198. var dir = loc.substring(0, loc.lastIndexOf('/'));
  199. url = dir + "/" + url;
  200. }
  201. window.location = "http://login.photopartyupload.com/Pages/DownloadFile.aspx?url=" + url;
  202. return false;
  203. }
  204.  
  205. $(function() {
  206. $("a.fancybox.image").fancybox({
  207. 'transitionIn' : 'none',
  208. 'transitionOut' : 'none',
  209. 'titlePosition' : 'over',
  210. 'beforeShow' : function(){
  211. var customContent = '<div class="download"><a href="#" onclick="return downloadFile(\'' + this.href +'\')">download</a></div>';
  212. $('.fancybox-outer').append(customContent);
  213. }
  214. });
  215.  
  216. $("a.fancybox.video").fancybox({
  217. 'content': '<div id="customPromoVideoPlayer"></div>',
  218. 'maxWidth': 754,
  219. 'maxHeight': 600,
  220. 'fitToView': false,
  221. 'width': 754,
  222. 'height': 600,
  223. 'autoSize': false,
  224. 'transitionIn': 'none',
  225. 'transitionOut': 'none',
  226. 'titlePosition': 'over',
  227. 'afterShow': function () {
  228. jwplayer("customPromoVideoPlayer").setup({
  229. 'id': 'promoVideoPlayer',
  230. 'width': 720,
  231. 'height': 540,
  232. 'file': this.href,
  233. 'provider': 'video',
  234. 'autostart': true,
  235. 'modes': [
  236. { type: 'flash', src: 'scripts/player.swf' },
  237. { type: 'html5' },
  238. { type: 'download' }
  239. ]
  240. });
  241.  
  242. var customContent = '<div class="download"><a href="#" onclick="return downloadFile(\'' + this.href +'\')">download</a></div>';
  243. $('.fancybox-inner').append(customContent);
  244. }
  245. });
  246.  
  247.  
  248. });
  249. </script>
  250. </head>
  251. <body>
  252. <div id="main">
  253. <div id="banner">
  254. [[HEADERIMAGE]]
  255. </div>
  256. <div id="header">
  257. [[HEADER]]
  258. </div>
  259. <div id="content">
  260. <table align="center">
  261. <tr>
  262. <td align="center">
  263. [[IMAGE_GALLERY]]
  264. [[VIDEO_GALLERY]]
  265. </td>
  266. </tr>
  267. </table>
  268. <div class="clear-both">
  269. </div>
  270. </div>
  271. <div id="footer">
  272. <div style="float: left; width: 50%;">
  273.  
  274.  
  275. [[GOOGLEANALYTICS_TRACKER_ID]]
  276.  
  277. <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=[[TRACKER_ID]]"></script>
  278. <!-- AddThis Button END -->
  279.  
  280. </div>
  281. <div style="float: right;">
  282. [[ADDTHIS_FOLLOW_BUTTONS]]
  283. </div>
  284. <div style="clear: both;"></div>
  285. [[FOOTER]]
  286. </div>
  287.  
  288. </div>
  289. </body>
  290. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement