文字广告美化网站代码 - 网站代码 -

文字广告美化网站代码

作者: 大老师

多资源综合型博客!

手机扫码查看

标签:

文字广告美化

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

 

 

 

 

代码放到模板的 log_list.php 里面你想要的位置

 

代码

 

<div class="Text-Advertising"><!--第1列--><ul class="list-unstyled"><li><a href="http://www.39ccv.cn/go.php/?url=http://qq.8.00vx.cn/t.php/?sxq32g.css" rel="nofollow noopener" target="_blank"> <span style="color: #ff0033;">QQ等级代挂</span> </a></li><li><a href="http://www.39ccv.cn/go.php/?url=101.200.89.147/" rel="nofollow noopener" target="_blank"> <span style="color: #ff0033;">千晨动漫</span> </a></li></ul><!----第2列---8月5---><ul class="list-unstyled"><li><a href="http://wpa.qq.com/msgrd?v=3&uin=767255999&site=qq&menu=yes" rel="nofollow noopener" target="_blank"> <span style="color: #3399cc;">广告8元/月</span> </a></li><li><a href="http://wpa.qq.com/msgrd?v=3&uin=767255999&site=qq&menu=yes" rel="nofollow noopener" target="_blank"> <span style="color: #3399cc;">广告8元/月</span> </a></li></ul><!----第3列---8月5---><ul class="list-unstyled"><li><a href="http://wpa.qq.com/msgrd?v=3&uin=767255999&site=qq&menu=yes" rel="nofollow noopener" target="_blank"> <span style="color: #9933cc;">广告8元/月</span> </a></li><li><a href="http://wpa.qq.com/msgrd?v=3&uin=767255999&site=qq&menu=yes" rel="nofollow noopener" target="_blank"> <span style="color: #9933cc;">广告8元/月</span> </a></li></ul><!----第4列--8月4---><ul class="list-unstyled"><li><a href="http://wpa.qq.com/msgrd?v=3&uin=767255999&site=qq&menu=yes" rel="nofollow noopener" target="_blank"> <span style="color: #0000cc;">广告8元/月</span> </a></li><li><a href="/" rel="nofollow noopener" target="_blank"> <span style="color: #0000cc;">广告8元/月</span> </a></li></ul><!----第5列----><ul class="list-unstyled"><li><a href="http://wpa.qq.com/msgrd?v=3&uin=767255999&site=qq&menu=yes" rel="nofollow noopener" target="_blank"> <span style="color: #ff0033;">广告8元/月</span> </a></li><li><a href="http://wpa.qq.com/msgrd?v=3&uin=767255999&site=qq&menu=yes" rel="nofollow noopener" target="_blank"> <span style="color: #ff0033;">广告8元/月</span> </a></li></ul></div>

 

css

 

<style>
.Text-Advertising {
    border-radius: 0px;
    position: relative;
    width: 100%;
    clear: both;
    background: #fff;
    padding: 8px;
    overflow: hidden;
    animation: shine 1s infinite linear;
}

  .Text-Advertising ul{position:relative;float:left;width:20%;z-index: 2}

  .Text-Advertising li{width:100%;text-align:center;font-size:12px;padding:3px 0;}

  .Text-Advertising:after{content:'';position: absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#fff;z-index: 0;}

  .Text-Advertising:before{content:"";position:absolute;left:-200%;width:300%;height:50px;background-image: linear-gradient(0, transparent 20%,rgba(255,255,255,.4) 50%,transparent 80%);background-color:rgba(255,255,255,.4);transform:rotate(-60deg);animation:searchLights 3s ease-in 3s infinite;z-index: 3;pointer-events: none;}
  @keyframes shine {

    0% { background-position: -1px -1px;}

    100% { background-position: -12px -12px;}

}
@keyframes searchLights{0% {left:-200%;top:0} to{left:100%;top:100px}

</style>

 

本文最后更新于2020-3-12,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
打赏

公告提示:本站已开放注册,欢迎投稿。

文章版权信息

阅读时间:  发布于:2020-3-12

本文标题: 文字广告美化网站代码

本文链接: http://www.39ccv.cn/?post=413

版权声明:文章为《 大老师》原创,转载请保留出处!

分享到:

评论

未显示?请点击刷新
切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Sitemap