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

释放双眼,带上耳机,听听看~!

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

安装

管理后台->[小工具]里在你需要显示的地方添加HTML小工具 切换为文本模式,将下面样式代码复制保存即可!

<a class="ads" href="https://wuzuhua.cn" target="QQ群加入"><h4>QQ群加入</h4><h5>欢迎各位大佬进群交流</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>

 

文章链接:https://wuzuhua.cn/181.html
文章标题:WordPress侧边栏添加广告链接样式代码
文章版权:空木白博客 (https://wuzuhua.cn) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2023年08月08日 11时11分41秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系空木白:18177233@qq.com

给TA打赏
共{{data.count}}人
人已打赏
Typecho主题

Typecho 一款三栏布局自适应个人类型 ZYYO主题

2023-11-14 20:13:30

WordPressWordPress主题

WordPress- Sakurairo「桜いろ」主题

2023-8-8 14:38:18

0 条回复 A文章作者 M管理员
每日一言:做好万全的准备,就是为了当机会来临时,你可以巧妙地避开它。
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
我是底线可爱胖!冲鸭~