RiPro主题美化-二级菜单添加小圆点图标

Jaysun

温馨提示:这篇文章已超过430天没有更新,请注意相关的内容是否还可用!

导航栏是网站的重点位置,也是打开网站首先看到的位置,众多导航栏会有二级菜单,今天分享的是在二级菜单前加入彩色的小圆点,增加美化效果。

效果图:

1.jpg


使用教程:

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

隐藏内容
评论可见
前往评论


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

<i class="lanse"></i> 首页
<i class="lvse"></i> 首页
<i class="huangse"></i> 首页
<i class="hongse"></i> 首页


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 22 条评论,839人围观)
网友昵称:lln123456
lln123456 V 普通用户 Google Chrome 118.0.0.0 Mac OS X 10.15.7 21楼
2023-10-28 来自重庆 回复
谢谢分享
网友昵称:mingo
mingo V 普通用户 Google Chrome 94.0.4606.71 Windows 10 x64 20楼
2023-09-06 来自广东 回复
谢谢分享
网友昵称:hary
hary V 普通用户 Google Chrome 115.0.0.0 Windows 10 x64 19楼
2023-08-17 来自河南 回复
感谢
网友昵称:kieran
kieran V 普通用户 Google Chrome 110.0.0.0 Windows 10 x64 18楼
2023-05-31 来自湖南 回复
真不错
网友昵称:516800734
516800734 V 普通用户 Google Chrome 108.0.5359.95 Windows 10 x64 17楼
2023-04-30 来自福建 回复
文章不错,写的很好
网友昵称:aking
aking V 普通用户 Google Chrome 100.0.0.0 Windows 10 x64 16楼
2023-04-26 来自广东 回复
文章不错,写的很好哈哈哈哈
网友昵称:aking
aking V 普通用户 Google Chrome 100.0.0.0 Windows 10 x64 15楼
2023-04-26 来自广东 回复
文章不错,写的很好
网友昵称:ttt
ttt V 普通用户 Google Chrome 100.0.0.0 Windows 10 x64 14楼
2023-04-25 来自广东 回复
点赞
网友昵称:cv123
cv123 V 普通用户 Google Chrome 95.0.4638.69 Windows 10 x64 13楼
2023-04-20 来自山东 回复
文章不错,写的很好
网友昵称:ye023
ye023 V 普通用户 Google Chrome 95.0.4638.69 Windows 10 x64 12楼
2023-04-02 来自重庆 回复
文章不错,写的很好!
网友昵称:shennxin1
shennxin1 V 普通用户 Google Chrome 108.0.5359.95 Windows 10 x64 11楼
2023-03-29 来自安徽 回复
前来学习一下,这个不错
网友昵称:2363750
2363750 V 普通用户 Google Chrome 110.0.0.0 Windows 10 x64 10楼
2023-03-12 来自湖北 回复
前来学习一下,这个不错
网友昵称:yi8399808
yi8399808 V 普通用户 Google Chrome 69.0.3947.100 Windows 7 x64 9楼
2023-02-11 来自广东 回复
前来学习一下,这个不错
网友昵称:楠笙向
楠笙向 V 普通用户 QQBrowser 11.5.5240.400 Windows 10 x64 8楼
2023-02-02 来自四川 回复
前来学习一下,这个不错
网友昵称:a127321
a127321 V 普通用户 Google Chrome 109.0.0.0 Windows 10 x64 7楼
2023-01-28 来自河北 回复
文章不错,写的很好!

目录[+]

取消
微信二维码
微信二维码
支付宝二维码