wordpress美化-7B2主题添加菜单角标

方法如下:

在你的菜单中添加如下代码:

红色角标代码:<small1>推荐</small1>

黄色角标代码:<small2>推荐</small2>

蓝色角标代码:<small3>推荐</small3>

 

在你的style.css底部添加以下代码:

/*红色角标*/
.top-menu-ul small1{ display: inline-block; transform: translateY(-12px); font-size: .75rem; letter-spacing: 0.05em; background: linear-gradient(to top, #f308a0 0%, #fb0655 100%); color: #ffffff; border-radius: 1rem; padding: .15rem .275rem; line-height: 1; font-weight: bold; }
/*蓝色角标*/
.top-menu-ul small2{ display: inline-block; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); font-size: .75rem; letter-spacing: 0.05em; background: #188ef4; background: -webkit-linear-gradient(legacy-direction(to right), #6454ef 0%, #316ce8 100%); background: -webkit-gradient(linear, left top, right top, from(#6454ef), to(#316ce8)); background: -webkit-linear-gradient(left, #6454ef 0%, #316ce8 100%); background: -o-linear-gradient(left, #6454ef 0%, #3021ec 100%); background: linear-gradient(to right, #6454ef 0%, #3021ec 100%); color: #ffffff; border-radius: 1rem; padding: .15rem .275rem; line-height: 1; font-weight: bold; }
/*黄色角标*/
.top-menu-ul small3{ display: inline-block; transform: translateY(-12px); font-size: .75rem; letter-spacing: 0.05em; background: linear-gradient(to top, #efd3b0 0%, #f9e1be 100%); color: #ffffff; border-radius: 1rem; padding: .15rem .275rem; line-height: 1; font-weight: bold; }

 

人已赞赏
WordPress

nirvana主题夜间模式按钮添加修改

2020-5-3 18:22:50

WordPress

WordPress B2主题插件:隐藏指定分类文章实现登录,vip组,等级组,可见

2020-8-8 17:22:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索