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

WordPress-网站侧边栏添加广告链接样式代码

小虫
小虫
小虫
898
文章
72
评论
2020年2月20日18:32:06 评论 110浏览 1237字阅读4分7秒
摘要

WordPress-网站侧边栏添加广告链接样式代码-小虫博客

后台->外观->[小工具]将下面样式代码复制保存即可

<a class="ads" rel="external nofollow" target="_blank" href="https://www.xcsos.cn/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9zbS5zbWNvcy5jbi8=" target="世萌影视官网">
<h4>世萌影视官网</h4>
<h5>全网VIP视频解析网站</h5>
<span class="ads-btn ads-btn-outline">立即观看</span></a>
<style>
.ads {
    display:block;
    padding:40px 15px;
    text-align:center;
    color:#fff!important;
    background:#ff5719;
    background-image:-webkit-linear-gradient(135deg,#bbafe7,#FF7A62);
background-image:linear-gradient(135deg,#bbafe7,#FF7A62)
}
.ads h4 {
    margin:0;
    font-size:22px;
    font-weight:bold
}
.ads h5 {
    margin:10px 0 0;
    font-size:14px;
    font-weight:bold
}
.ads.ads-btn {
    margin-top:20px;
    font-weight:bold
}
.ads.ads-btn:hover {
    color:#ff5719
}
.ads-btn {
    display:inline-block;
    font-weight:normal;
    margin-top:10px;
    color:#666;
    text-align:center;
    vertical-align:top;
    user-select:none;
    border:none;
    padding:0 36px;
    line-height:38px;
    font-size:14px;
    border-radius:10px;
    outline:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.ads-btn:hover,.btn:focus,.btn.focus {
    outline:0;
    text-decoration:none
}
.ads-btn:active,.btn.active {
    outline:0;
    box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
.ads-btn-outline {
    line-height:36px;
    color:#fff;
    background-color:transparent;
    border:1px solid#fff
}
.ads-btn-outline:hover,.btn-outline:focus,.btn-outline.focus {
    color:#343a3c;
    background-color:#fff
}
</style>
继续阅读
  • QQ群
  • 6191686
  • weinxin
  • 微信公众号
  • 微信扫一扫
  • weinxin
小虫

您必须才能发表评论!