JAVASCRIPT 35
Slide In Ads With Timer & Close Button By QualityCodes on 2nd May 2021 10:51:52 AM
  1. ///////////////////////////////////////////////////////////////THE CSS////////////////////////////////////////////////////////////////////////////////
  2.  
  3. .tw_float_ads_main_Wrap{
  4.         max-width: 350px;
  5.         max-height: 480px;
  6.         position: fixed;
  7.         z-index: 98765;
  8.         background: #fff;
  9.         top: 35%;
  10.         left: 50%;
  11.         margin-left: -175px;
  12.         margin-top: -175px;
  13.         box-sizing: border-box;
  14.         box-shadow:0 0 3px rgba(0,0,0,0.2);
  15.         border-radius: 10px;
  16.         display: none;
  17.     }    
  18.    
  19.     .tw_float_ads_close{
  20.         margin: 0 auto;
  21.         text-align: center;
  22.         padding: 30px 20px 30px;
  23.         position: relative;
  24.     }
  25.    
  26.  .tw_float_ads_close #tw_close_button
  27. {
  28.    font-size: 25px;
  29.     color: #fff;
  30.     position: absolute;
  31.     top: -12px;
  32.     right: -10px;
  33.     display: inline-block;
  34.     box-shadow:0 0 3px rgba(0,0,0,0.2);
  35.     z-index: 9999999;
  36.     background:#ff0000;
  37.     padding: 5px;
  38.     border-radius: 5px;
  39. }
  40.    
  41. #tw_close_button{
  42.         cursor:pointer;
  43. }
  44.  
  45. #TW_credits{
  46.     font-size: 25px;
  47.     color: #fff;
  48.     position: absolute;
  49.     bottom: 2px;
  50.     right: 5px;
  51.     display: inline-block;
  52.     text-shadow:0 0 3px rgba(0,0,0,0.2);
  53.     text-decoration: none!important;
  54.     }
  55.  
  56.  
  57.  
  58.  
  59.  
  60. /////////////////////////////////////////////////////////////////////////////////THE BODY CODE:////////////////////////////////////////////////////////////////////////////////////
  61.  
  62. <div class='tw_float_ads_main_Wrap' id='tw_float_ads_main_Wrap'>
  63.     <div class='tw_float_ads_close'>
  64.      <span id='tw_close_button' style='float: right'>
  65.       <i id='TW_Close_Button' class="fa fa-times" aria-hidden="true" title='close the Advertisment'></i>
  66. </span>
  67.       <div>
  68.          <div class="social_profiles">
  69.    </div>
  70. <!-- Ad Starts Here-->
  71.  
  72. <!-- Begin SMA Code -->
  73. <div class="sMa4"></div>
  74. <script async="async" src="//sharemyads.com/view/300/?uid=2"></script>
  75. <noscript><a href='https://sharemyads.com/index.php?ref=2' target='_blank'><img src="https://sharemyads.com/img/banners/banner.png" alt="SMA Banner Exchange" style="float:left; padding:10px;" /> </a></noscript>
  76. <!-- End SMA Code -->
  77. <table>
  78.     <tr>
  79.         <td>
  80.             <div style="float:left;">
  81.                 <!-- Begin SMA Code -->
  82. <div class="sMa2"></div>
  83. <script async="async" src="//sharemyads.com/view/125/?uid=1"></script>
  84. <noscript><a href='https://sharemyads.com/index.php?ref=1' target='_blank'><img src="https://sharemyads.com/img/banners/banner.png" alt="SMA Banner Exchange" style="float:left; padding:10px;" /> </a></noscript>
  85. <!-- End SMA Code -->
  86. </div>
  87.         </td>
  88.        
  89.             <td>
  90.                <div style="float:right;">
  91. <!-- Begin SMA Code -->
  92. <div class="sMa2"></div>
  93. <script async="async" src="//sharemyads.com/view/125/?uid=1"></script>
  94. <noscript><a href='https://sharemyads.com/index.php?ref=1' target='_blank'><img src="https://sharemyads.com/img/banners/banner.png" alt="SMA Banner Exchange" style="float:left; padding:10px;" /> </a></noscript>
  95. <!-- End SMA Code -->
  96. </div>
  97.             </td>
  98.     </tr>
  99. </table>
  100. <!-- Ad Ends Here-->
  101. <span style="font-size:10px;"><a href="https://sharemyads.com" target="_blank" title="Advertise Here">Advertise Here</a></span>
  102. </div>
  103.     <div style='clear:right'></div>
  104.  </div>
  105. <div id="fb-root"></div>
  106. <script>
  107. (function(d, s, id) {
  108.   var js, fjs = d.getElementsByTagName(s)[0];
  109.   if (d.getElementById(id)) return;
  110.   js = d.createElement(s); js.id = id;
  111.   js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9";
  112.   fjs.parentNode.insertBefore(js, fjs);
  113. }(document, 'script', 'facebook-jssdk'));
  114. </script>
  115. <script type="text/javascript">
  116. window.onload = function(){ var tw_closeButton = document.getElementById('tw_close_button');  
  117. var tw_float_ads_main_Wrap = document.getElementById("tw_float_ads_main_Wrap");
  118. myVar = setTimeout(function(){  tw_float_ads_main_Wrap.style.display = 'block' }, 10000);
  119. tw_closeButton.onclick = function(){  document.getElementById("tw_float_ads_main_Wrap").style.display = 'none';
  120.  
  121. }
  122. }
  123. </script>

OXAUS can store text, source code or sensitive data for a set period of time Anonymously.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.