WordPress网站美化之菜单栏小圆点教程

WordPress网站菜单栏红色小圆点教程。我们经常可以在一些app或者网页见到新消息提醒的红色小圆点,非常的简洁且醒目。

WordPress网站菜单栏红色小圆点教程。我们经常可以在一些app或者网页见到新消息提醒的红色小圆点,非常的简洁且醒目。

对于大多数站点,我们是每日一更或数更,我们完全可以使用小圆点放在我们的导航菜单上,提醒访问者最近有文章更新的是哪一个分类。

效果演示

WordPress网站美化之菜单栏小圆点教程插图
WordPress网站美化之菜单栏小圆点教程

在主题根目录下的style.css底部添加以下代码即可

.n-mark{
position: absolute;
background-color: #f16b6f;
top: 20px;
left: 1px;
width: 10px;
height: 10px;
border-radius: 100%;
}
  • background-color:背景颜色(网上找颜色代码就行)
  • top:离顶部距离
  • left:离左边距离

可自行调整相关参数。

温馨提示:
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

给TA赞赏
共{{data.count}}人
人已赞赏
编程技巧

WordPress主题美化7B2主题美化之文章底部版权及公告模块

2022-2-4 11:04:00

编程技巧

ECShop首页调用最新评论增加显示评论时间

2022-2-9 0:00:00

0 条回复 A文章作者 M管理员
社会是个就像个机床,人就像块没有加工过的铁。----《原创》
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索