#精品
在RiPro主题美化的第二个菜单中添加一个圆点图标

2021-08-01 0 863

在RiPro主题美化的第二个菜单中添加一个圆点图标

、在ripro/assets/css/diy.css 中添加下列 CSS

  1. .lanse{box-sizing:border-box;content:'';
  2. width:12px;height:12px;border-radius:50%;
  3. position:absolute;top:50%;margin-left:10px;
  4. margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #7a99f2}
  5. .lvse{box-sizing:border-box;content:'';
  6. width:12px;height:12px;border-radius:50%;
  7. position:absolute;top:50%;margin-left:10px;margin-top:-6px;
  8. left:0;border-color:#61e1b9;border:3px solid #70d7cf}
  9. .huangse{box-sizing:border-box;content:'';
  10. width:12px;height:12px;border-radius:50%;
  11. position:absolute;top:50%;margin-left:10px;
  12. margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #f5c745}
  13. .hongse{box-sizing:border-box;content:'';
  14. width:12px;height:12px;border-radius:50%;
  15. position:absolute;top:50%;margin-left:10px;
  16. margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #f1787f}
一键复制

 

2、在后台-菜单里设置,共有四个样式,任选其一即可!

  1. <i class="lanse"></i> 首页
  2. <i class="lvse"></i> 首页
  3. <i class="huangse"></i> 首页
  4. <i class="hongse"></i> 首页
一键复制

 

本文章已结束,如转载请注明:汇站网 » 在 RiPro 主题美化的第二个菜单中添加一个圆点图标

收藏 (0)

微信支付 微信扫一扫

支付宝支付 支付宝扫一扫

打赏二维码
点赞 (0)

站长资源下载中心-找源码上汇站

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务