Ripro主题美化 给二级导航菜单添加文章数量统计和美化小圆点

Ripro主题美化 给二级导航菜单添加文章数量统计和美化小圆点

2020-11-22 234
¥ 18 资源币
VIP 8折
下载不了?请联系网站客服提交链接错误!
增值服务:

Ripro主题美化 给二级导航菜单添加文章数量统计和美化小圆点

郑重承诺丨MC百科网提供安全交易、信息保真!
增值服务:
¥ 18 资源币 (VIP 8折升级VIP开通VIP尊享优惠特权
立即下载 升级会员
详情介绍

先看下效果图:

Ripro主题美化 给二级导航菜单添加文章数量统计和美化小圆点

教程开始:

内容查看此隐藏内容查看价格为18资源币,请先
/**二级菜单文章统计www.mcbke.com**/
.num {
	position: absolute;
	top: 8px;
	left: 68%;
	color: #555;
	border-radius: 8px;
	text-align: center;
	font-family: Calibri;
	background: #eee;
	font-size: 12px;
	min-width: 32px;
}
/***二级导航前面小圆点***/
.lanse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
	margin-left: 10px;
    margin-top: -6px;
    left: 0;
	border-color: #61e1b9;
	border: 3px solid #7a99f2;
}

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

Ripro主题美化 给二级导航菜单添加文章数量统计和美化小圆点

 //这里的"hongse"对应的是上面CSS样式,一共4个样式,根据自己的爱好可以作相应的调整
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

MC百科 Ripro专题 Ripro主题美化 给二级导航菜单添加文章数量统计和美化小圆点 https://www.mcbke.com/riprozt-ejdhcdmh.html

科技迷、外设控、Minecraft爱好者,科技改变生活!

常见问题

相关文章

评论
暂无评论
Ripro主题美化 给二级导航菜单添加文章数量统计和美化小圆点-海报

分享本文封面