RIPRO美化二级菜单增加小圆点

目 录

RIPRO美化二级菜单增加小圆点-设计酷-设计酷COOK-这设计很酷COOL

第一步:添加CSS文件

在RIPRO后台ripro主题设置-顶部设置-代码框内复制以下代码进去。

/***二级导航前面小圆点***/
.lanse {
    box-sizing: border-box;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 57%;
	margin-left: 10px;
    margin-top: -6px;
    left: 2px;
  border-color: #61e1b9;
	border: 3px solid #70d7cf;
}

.lvse {
    box-sizing: border-box;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 57%;
    position: absolute;
    top: 57%;
	margin-left: 10px;
    margin-top: -6px;
    left: 2px;
	border-color: #00adff;
	border: 3px solid #00adff;
}
.huangse {
    box-sizing: border-box;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 57%;
	margin-left: 10px;
    margin-top: -6px;
    left: 2px;
	border-color: #61e1b9;
	border: 3px solid #f5c745;
}
.hongse {
    box-sizing: border-box;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 57%;
    margin-left: 10px;
    margin-top: -6px;
    left: 2px;
    border-color: #61e1b9;
    border: 3px solid #f1787f;
}
/***二级导航前面小圆点结束***/

RIPRO美化二级菜单增加小圆点-设计酷-设计酷COOK-这设计很酷COOL

第二步:添加代码

在需要显示圆点的菜单前面添加以下代码

<i class="hongse"></i> 
//这里的"hongse"对应的是上面CSS样式,一共4个样式,根据自己的爱好可以作相应的调整,双引号内hongse可更换为lanse/lvse/huangse,自己测试看喜欢什么!

RIPRO美化二级菜单增加小圆点-设计酷-设计酷COOK-这设计很酷COOL

 

转自:RIPRO-计划书之家

 

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或 联络我们。
找不到素材资源介绍文章里的示例图片?
对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
部分资源为什么要收费?
文章页标注的费用不是文章中软件文件的售价,而是网站运营费用以及各教程的编辑以及录制的人工费用,毕竟资源整理不易,您的支持是我们坚持的信念!
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!

2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!

3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!

5. 如有链接无法下载、失效或广告,请联系管理员处理!

6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

7. 如遇到加密压缩包,默认解压密码为"www.shejicook.com",如遇到无法解压的请联系管理员!


设计酷-设计酷COOK-这设计很酷COOL » RIPRO美化二级菜单增加小圆点

发表评论

325+

本站勉强运行

45+

用户总数

80+

资源总数

0+

今日更新

2020-9-16

最后更新时间


开通皇帝享更多特权,建议使用 QQ 登录