Scribd
Upload
36 views

Sticky Ads Script

This document contains CSS code to create a sticky advertisement banner that is fixed to the bottom of the page. It defines styles for the sticky ad container, close button, and content area. It then includes HTML to render the sticky ad with a close button and JavaScript code to load content via an external script.

Uploaded by

Muhammad Amir
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
36 views

Sticky Ads Script

This document contains CSS code to create a sticky advertisement banner that is fixed to the bottom of the page. It defines styles for the sticky ad container, close button, and content area. It then includes HTML to render the sticky ad with a close button and JavaScript code to load content via an external script.

Uploaded by

Muhammad Amir
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

CSS

.sticky-ads{
position: fixed;
bottom: 0; left: 0;
width: 100%; min-height: 70px; max-height: 200px;
padding: 5px 0;
box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
-webkit-transition: all .1s ease-in; transition: all .1s ease-in;
display: flex;
align-items: center;
justify-content: center;
background-color: #fefefe; z-index: 20; }

.sticky-ads-close {
width: 30px; height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px 0 0;
position: absolute; right: 0; top: -30px;
background-color: #fefefe;
box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08); }

.sticky-ads .sticky-ads-close svg { width: 22px; height: 22px; fill:


#000; } .sticky-ads .sticky-ads-content { overflow: hidden; display: block;
position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left:
10px; }

</body>

<div class='sticky-ads' id='sticky-ads'>


<div class='sticky-ads-close' onclick='document.getElementById(&quot;sticky-
ads&quot;).style.display=&quot;none&quot;'><svg viewBox='0 0 512 512'
xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4
0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1
3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-
4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2
16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
<div class='sticky-ads-content'>

<script type="text/javascript">
atOptions = {
'key' : '31f5e2c14740bad61fc9bac81d934762',
'format' : 'iframe',
'height' : 90,
'width' : 728,
'params' : {}
};
document.write('<scr' + 'ipt type="text/javascript" src="http' +
(location.protocol === 'https:' ? 's' : '') +
'://aliensold.com/31f5e2c14740bad61fc9bac81d934762/invoke.js"></scr' + 'ipt>');
</script>

</div>
</div>

You might also like