内容简介:
在Ripro主题中,可以通过自定义属性来设置分类菜单美化,并且可以对每个分类的角标进行设置,使你的网站显的更加高大上。支持Ripro-v2和v5,理论支持所有主题。
效果图片:
将下面代码添加到网站主题 自定义CSS样式代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
/* 分类角标 */
.dream{
display: inline–block;
transform: translateY(–12px);
font–size: .75rem;
letter–spacing: 0.05em;
background: linear–gradient(to top, #b4b1ef, #e21fc7 7.56%);
color: #ffffff;
border–radius: 1rem;
padding: .15rem .275rem;
line–height: 1;
font–weight: bold;
}
.new {
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;
}
|
将下面代码添加到外观—菜单—导航标签
1
2
|
<span class=“dream”> Hot</span>
<span class=“new”> 新</span>
|
两种显示样式,可根据自己的款进行选择!
版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
本文链接:65资源网https://www.65xwz.cn/1030.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
本文链接:65资源网https://www.65xwz.cn/1030.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
评论0+