DEV Community

Cover image for Footer Ad Sticky No Close (x)
Bianity
Bianity

Posted on • Edited on

2 1

Footer Ad Sticky No Close (x)

I'm trying to experiment with making Sticky footer Ads without Close "X" and it's very simple and easy to implement on a blog or wordpress. To see an example, you can visit here. Hopefully useful and good luck :)

Happy coding!

<style>
.Bianity-ads {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 70px;
    max-height: 90px; /* www.bianity.me*/
    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: #161616;
    z-index: 20;
}

.Bianity-ads .Bianity-ads-content {
    overflow: hidden;
    display: block;
    position: relative;
    text-align:center;
    height: 70px;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
}
</style>

<div class='Bianity-ads' id='Bianity-ads'>
    <div class='Bianity-ads-simple' onclick='document.getElementById("Bianity-ads").style.display="none"'>

    </div>
    <div class='Bianity-ads-content'>

Here Your Code Ads

</div>
</div>
Enter fullscreen mode Exit fullscreen mode

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more