API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 15th, 2014
231
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.77 KB | None | 0 0
raw download clone embed print report
  1. “javascript:saveCurrentFile();<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. Code: at wwwroot / v / Template.HTML
  4.  
  5. <Head>
  6. <SCRIPT TYPE="text/javascript">
  7. <
  8. function openpopUp(mylink, windowname)
  9. {
  10. if (! window.focus)return true;
  11. var href;
  12. if (typeof(mylink) == 'string')
  13. href=mylink;
  14. else
  15. href=mylink.href;
  16. window.open(href, windowname, 'width=400,height=200,scrollbars=yes');
  17. return false;
  18. }
  19. >
  20. </SCRIPT>
  21. <script type="text/javascript">
  22. (
  23. function( )
  24. {
  25. var form = document.getElementById("emailaddress");
  26. form.whatever.value = "";
  27. }
  28. )( );
  29. </script>
  30.  
  31. </head>
  32. <body onLoad="openPopUp(‘I am not sure what code I need to enter here’)”>
  33.  
  34. <script type="text/javascript">
  35. var link;
  36. var element;
  37. function openPopUp(url)
  38. {
  39. link = url;
  40. element = document.getElementById("background");
  41. element.style.display = "block";
  42. element = document.getElementById("popup");
  43. element.style.display = "block";
  44.  
  45. }
  46.  
  47. function closePopUp()
  48. {
  49. element = document.getElementById("popup");
  50. element.style.display = "none";
  51. element = document.getElementById("background");
  52. element.style.display = "none";
  53. }
  54.  
  55.  
  56. </script>
  57.  
  58. <div id="background" class="dimLayer">
  59. </div>
  60.  
  61. <div id="popup" class="popUpDisplay">
  62.  
  63. <div class="popUpTitle" align="left">
  64. <span>Newsletter Sign Up</span>
  65. <span onClick="closePopUp()" ><img alt="Close Popup" src="https://www.mywebsite.comv/vspfiles/templates/templatename/images/close.png" width="28px" height="27px"></span>
  66. </div>
  67.  
  68. <div class="data">
  69. <div id="popup_Colone" class="data1">
  70. <img src="https://www.mywebiste.com/v/vspfiles/templates/templatename/images/coupon.png" id="coupon" width="245px" height="210px" >
  71.  
  72. <div id="popup_row2" class="icons">
  73. <div class="iconleft"><img src="https://www.mywebsite.com/v/vspfiles/templates/templatename/images/facebook.png" width="54.9px" height="50px" align="right">
  74. </div>
  75. <div class="iconright"><img src="https://www.mywebsite.com/v/vspfiles/templates/templatename/images/twitter.png" width="54.9px" height="50px" align="left">
  76. </div>
  77. </div>
  78. </div>
  79.  
  80. <button onclick="location.href = 'https://www.mywebsite.com/Articles.asp?ID=252';"> <input type="submit" value="SUBMIT"></button>
  81. </form>
  82.  
  83.  
  84. <h5>We will never share your email address.<br/>
  85. Why we ask - Privacy Policy</u></h5>
  86.  
  87. <h3>Already Member? Login
  88. </h3>
  89. </div>
  90. <div id="popup_Colthree" class="tea">
  91. <img src="https://www.mywebsite.com/v/vspfiles/templates/templatename/images/image.png" id="tea" width="304px" height="280px" >
  92.  
  93. </div>
  94. </div>
  95.  
  96. <div class="popUpBottom">
  97. <span> * One time use. Canʼt be used with another coupon.</span>
  98. </div>
  99.  
  100. </div>
  101. </div>
  102.  
  103. [B]CSS[/B]
  104.  
  105. @import url(Colors.css);
  106. @mport url(Content_Area.css);
  107. @import url(Template.css);
  108. @import url(Navigation.css);
  109.  
  110.  
  111.  
  112. input [type=text] {
  113.  
  114. width:236px;
  115. font-size:10px;
  116. font-family: Lucida Grande;
  117. font-weight: regular;
  118. margin-left: 3px;
  119. margin-top:10px;
  120.  
  121. }
  122.  
  123. input[type=submit] {
  124.  
  125. background:#9B1C1F;
  126. font-family: Lucida Grande;
  127. color: #ffffff;
  128. font-weight: bold;
  129. font-size:14px;
  130. text-align: left;
  131. width: 238px;
  132. margin-top:10px;
  133. margin-left: 3px;
  134. border:0 none;
  135. cursor:pointer;
  136. -webkit-border-radius: 2px;
  137.  
  138. }
  139.  
  140. #popup_Coltwo h5 {
  141.  
  142. margin-top:5px;
  143. color: #515151;
  144. font-family: Lucida Grande;
  145. font-size: 11px;
  146. font-weight: regular;
  147.  
  148. }
  149.  
  150. #popup_Coltwo h3 {
  151.  
  152. background: #A2CD39;
  153. font-family: Lucida Grande;
  154. color: #ffffff;
  155. font-weight: bold;
  156. font-size:15px;
  157. text-align: left;
  158. width: 236px;
  159. margin-left: 3px;
  160. margin-top:45px;
  161. padding: 1px 15px;
  162. border:0 none;
  163. -webkit-border-radius: 2px;
  164.  
  165. }
  166.  
  167. .popUpTitle {
  168.  
  169. background-image: url('/v/vspfiles/templates/template_name/images/popuptitlebg.png');
  170. background-size: contain;
  171. background-repeat: no-repeat;
  172. background-position: center;
  173. background-color: #FEB2D9;
  174. height: 40px;
  175. width: 810px;
  176. max-width:100%;
  177. max-height:100%;
  178.  
  179. }
  180.  
  181. .popupTitle span {
  182.  
  183. margin-left:15px;
  184. margin-top:-15px;
  185. font-family: Lucida Grande;
  186. color: #000000;
  187. font-weight: bold;
  188. text-align: left;
  189. font-size:22px;
  190. font-family: Lucida Grande;
  191. font-stretch: expanded;
  192. font-weight: Bold;
  193. max-height:100%;
  194. height: 40px;
  195.  
  196. }
  197.  
  198. .popUpTitle img {
  199.  
  200. background-size: cover;
  201. background-repeat: no-repeat;
  202. background-position: center;
  203. float: right;
  204. margin-right: 7px;
  205. margin-top: 7px;
  206. cursor:pointer;
  207.  
  208. }
  209.  
  210. .data {
  211.  
  212. background-image: url('/v/vspfiles/templates/template_name/images/popupbg.png');
  213. background-size: cover;
  214. background-repeat: no-repeat;
  215. background-position: center;
  216. height: auto;
  217. overflow: hidden;
  218. font-size: 14px;
  219. font-family: Lucida Grande;
  220. width: 810px;
  221.  
  222. }
  223.  
  224. .tea {
  225.  
  226. width:810px;
  227. background-size: cover;
  228. background-repeat: no-repeat;
  229. background-position: center;
  230. height: auto
  231.  
  232. }
  233.  
  234. .data1 {
  235.  
  236. height: auto;
  237. overflow: hidden;
  238. font-size: 14px;
  239. font-family: Lucida Grande;
  240. width: 810px;
  241.  
  242. }
  243.  
  244. .border {
  245.  
  246. -webkit-box-shadow: 1 2px 3px -1px #36383A;
  247. -moz-box-shadow: 1 2px 3px -1px #36383A;
  248. box-shadow: 1 2px 3px -1px #36383A;
  249.  
  250. }
  251.  
  252. .data2 {
  253.  
  254. overflow: hidden;
  255. font-size: 15px;
  256. font-family: Lucida Grande;
  257. width: 810px;
  258. margin-top: 35px;
  259. font-weight:bold;
  260.  
  261. }
  262.  
  263. .data3 {
  264.  
  265. height: auto;
  266. overflow: hidden;
  267. font-size: 14px;
  268. font-family: Lucida Grande;
  269. width: 810px;
  270.  
  271. }
  272.  
  273.  
  274. .icons {
  275.  
  276. width: 243px;
  277. height:auto;
  278.  
  279. }
  280.  
  281. .iconleft {
  282.  
  283. float:left;
  284. margin-bottom: 10px;
  285. width: 50%;
  286. height:auto;
  287. }
  288.  
  289. .iconright {
  290.  
  291. float:right;
  292. margin-bottom: 10px;
  293. width: 50%;
  294. height: auto;
  295.  
  296. }
  297.  
  298. .buttons li {
  299.  
  300. cursor: pointer;
  301. float: center;
  302. height: 29px;
  303. margin-right: 15px;
  304. width: 134px;
  305.  
  306. }
  307.  
  308. span.button {
  309.  
  310. background-color: #000000;
  311. color: #ffffff;
  312. font-size: 15px;
  313. font-weight: bold;
  314. padding: 8px 25px;
  315. text-align: center;
  316.  
  317. }
  318.  
  319. .popUpDisplay {
  320.  
  321. display: none;
  322. position: fixed;
  323. height: 100%;
  324. width: 810px;
  325. margin: auto;
  326. z-index: 1001;
  327. top: 30%;
  328. left: 0;
  329. right: 0;
  330.  
  331. }
  332.  
  333. .dimLayer {
  334.  
  335. display: none;
  336. outline: 0px none;
  337. height: 100%;
  338. width: 100%;
  339. background: #A9A9A9;
  340. top: 0px;
  341. left: 0px;
  342. z-index: 900;
  343. position: absolute;
  344. opacity: 0.5;
  345. filter: alpha(opacity=50);
  346. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  347. -khtml-opacity: 0.5;
  348. -moz-opacity: 0.5;
  349.  
  350. }
  351.  
  352. #popUp_Colone {
  353.  
  354. float:left;
  355. width:30%;
  356. overflow:hidden;
  357.  
  358. }
  359.  
  360. #popUp_row2 {
  361.  
  362. width: 243px;
  363. float:left;
  364. height:auto;
  365. text-align:center;
  366.  
  367. }
  368.  
  369. #popUp_Coltwo {
  370.  
  371. float:left;
  372. width:30%;
  373. height:auto;
  374.  
  375. }
  376.  
  377. #popUp_Colthree {
  378.  
  379. float:right;
  380. width:40%;
  381. height:auto;
  382.  
  383. }
  384.  
  385. .popUpBottom {
  386.  
  387. background-color: #F3F4F4;
  388. border: 0.5px solid #C6C3C4;
  389. height: auto;
  390. width: 100%;
  391. font-size:13px;
  392. font-family: Lucida Grande;
  393. color: #000000;
  394. font-weight: regular;
  395. text-align: left;
  396.  
  397.  
  398. }
  399.  
  400. .poppBottom span {
  401.  
  402. color: #515151;
  403. font-family: Lucida Grande;
  404. font-size: 13px;
  405. font-weight: regular;
  406.  
  407. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!