仿94设计素材网vip界面表格_B2主题wordpress美化[wordpress美化教程]

仿94设计素材网vip界面表格_B2主题wordpress美化

仿94设计素材网vip界面表格_B2主题wordpress美化[wordpress美化教程]

相比于默认的会员界面,仿94设计素材网vip界面采用了表格的方法对不同的权限进行了切分,看起来更加的清晰和一目了然。

效果预览:

仿94设计素材网vip界面表格_B2主题wordpress美化[wordpress美化教程]-度崩网-几度崩溃

如何实现?

将以下代码添加至主题根目录下的style.css文件底部保存即可。

  1. /*会员*/
  2. .vip-list-in {
  3. padding: 0px;
  4. }
  5. .vip-item {
  6. padding: 0;
  7. width: 30%;/*20%、25%、50%宽度分割*/
  8. border: 1px solid #ffffff;
  9. }
  10. /*h2标题*/
  11. .vip-list-in h2 {
  12. padding: 20px 0;
  13. background: #ece7dd;
  14. }
  15. .vip-list-in .vip-price {
  16. margin: 0;
  17. padding: 20px 0;
  18. background: #fff7e9;
  19. }
  20. .vip-row li {
  21. margin: 1px 0;
  22. margin-bottom: 1px;
  23. margin-bottom: 0;
  24. padding: 15px 0;
  25. border-bottom: 1px solid #fff;
  26. background: #f9f9f9;
  27. }
  28. .vip-buy {
  29. margin: 0;
  30. padding: 20px;
  31. background: #fbf9f7;
  32. }
  33. .vip-allow.allow i {
  34. color: #e0ac7f;/*图标颜色*/
  35. }
仿94设计素材网vip界面表格_B2主题wordpress美化[wordpress美化教程]-度崩网-几度崩溃
仿94设计素材网vip界面表格_B2主题wordpress美化[wordpress美化教程]-度崩网-几度崩溃

仿94设计素材网模块标题 – B2主题wordpress美化[wordpress美化教程]

原文地址:https://www.npc.ink/16901.html

WordPress教程

腾讯云三栏优惠劵_wordpress区块[wordpress美化教程]

2020-7-9 17:23:42

WordPress教程

仿94设计素材网模块标题 - B2主题wordpress美化[wordpress美化教程]

2020-7-9 17:28:13

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索