本文最后更新于2020-04-17 ,已超过 1个月没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!

网站底部添加广告位源码

小虫
小虫
小虫
849
文章
48
评论
2020年4月17日07:34:40 评论 407浏览 1346字阅读4分29秒

移动端和PC端效果

看到别人网站底部有这个挺好看小虫就扒下来了

源码添加在页脚文件或首页文件全站显示

小虫WordPress知更鸟主题,直接添加在主题SEO底部-页脚第二行信息里面

<style>
.demo-tips-bar{<br />
        height:50px;<br />
        line-height: 50px;<br />
        text-align: center;<br />
        font-size: 16px;<br />
        color:#fff;<br />
        position: fixed;<br />
        bottom:0;<br />
        left:0;<br />
        right:0;<br />
        z-index: 100000;<br />
        box-shadow:0 -5px 5px rgba(0, 0, 0, 0.32);</p>
<p>    }<br />
    .demo-tips-bar:hover{color: #fff;}<br />
    .demo-tips-bar span,.demo-tips-bar b{<br />
        display: inline-block;<br />
        vertical-align: middle;<br />
    }<br />
    .demo-tips-bar b{<br />
        font-weight: bold;<br />
        color:#fff99a;<br />
    }<br />
    .wbbtn-dtb{<br />
        border-style: solid;<br />
        border-width: 1px;<br />
        border-color: rgb(152, 132, 220);<br />
        border-radius: 5px;<br />
        background-image: -moz-linear-gradient( 134deg, rgb(185,229,255) 0%, rgb(236,184,251) 100%);<br />
        background-image: -webkit-linear-gradient( 134deg, rgb(185,229,255) 0%, rgb(236,184,251) 100%);<br />
        background-image: -ms-linear-gradient( 134deg, rgb(185,229,255) 0%, rgb(236,184,251) 100%);<br />
        width: 88px;<br />
        height: 34px;<br />
        text-align: center;<br />
        line-height: 34px;<br />
        display: inline-block;<br />
        vertical-align: middle;<br />
        color:#4a0083;<br />
        font-weight: bold;<br />
        margin-left: 10px;<br />
    }<br />
</style>
<a class="demo-tips-bar" style="background: url('https://www.xcsos.cn/diy/img/bg_03.png');" href="https://www.xcsos.cn" target="_blank" rel="noopener">
小虫博客 - 注册会员下载全站资源 <span class="wbbtn-dtb">立即购买</span>
</a>
继续阅读
  • QQ群
  • 6191686
  • weinxin
  • 微信公众号
  • 微信扫一扫
  • weinxin
小虫

您必须才能发表评论!