WordPressB2主题美化之文章底部点赞

B2主题的日志页的底部右侧有两个很棒的喜欢和讨厌两个按钮,相当于一个投票,虽然很少有人会点,可能是不太引人注目,就将其美化了一下,适用于WordPressB2主题美化之文章底部点赞教程!

1.演示效果

  • 隐藏了踩按钮
  • 将赞按钮移动到了左边
  • 自定义美化了外观

WordPressB2主题美化之文章底部点赞

2.美化方法教程

获取本文的的CSS文件,将其中的代码添加至主题根目录下的style.css底部保存即可。

如果未能生效,请刷新下浏览器缓存或CDN缓存等各种缓存。

/*赞样式自定义*/ .content-footer {     display: block!important;     overflow: hidden; }  /*海报、收藏*/ .content-footer-poster {     float: right; }  /*赞、踩*/ .content-footer-zan-cai {     float: left; } /*隐藏踩*/ .content-footer-zan-cai span:nth-of-type(2) {     display: none; }  /*赞样式*/ .content-footer-zan-cai span:first-child {     padding: 0.92em 1.2em;     font-size: 14px;     border: 1px solid #ba392a;     border-radius: 44px;     background: #fff;     letter-spacing: 6px;     color: #ba392a; }  /*添加赞文本*/ .content-footer-zan-cai span b:before {     content: '赞'; }  /*添加hover动效*/ .content-footer-zan-cai span:hover {     border-color: #dd8500;     background-color: #dd8500;     color: #fff; }

相关教程请点击文末B2美化标签阅读,实时更新!

经验·技巧网站建设

WordPress网站免插件实现webp图片格式上传

2021-1-28 13:12:38

经验·技巧网站建设

WordPress B2主题美化之猜你喜欢(相关文章)

2021-1-28 15:33:36

10 条回复 A文章作者 M管理员
  1. 好教程

  2. 花

    离开

  3. 曾经

    看看怎么样

  4. 恋语

    NB

  5. 雨轩

    感谢老白分享

  6. 呼呼

    看一看?

    • 站长老白

      这个失效了好像,B2的美化你看我的网站用了那些,基本上就那些?

  7. Qzero小七

    看一看?

  8. 看看怎么样

个人中心
购物车
今日签到
有新私信 私信列表
搜索