• 最近一段好忙, 忙的都没时间去管理网站,网站被举报 被攻击 我也是醉了 :sad:

  • 好久没发说说了,感觉与世隔绝了 :lol:

  • 今天更换Git主题,以后本站由Git主题强力驱动 :mrgreen: :mrgreen:
  • 六一儿童节快乐

  • 今天全站启用又拍云 CDN进行加速

  • 这两天有些忙所以没来得及更新,愿一切安好
  • 锲而不舍是取得成功关键的一环
  • 当你无助时,你可以哭,但哭过你必须要振作起来,绝地逢生并不罕见,何况不是绝境! 早安!

  • 今天五一,没有出去玩,主要是人太多了

  • 今天外面风好大,天气也有点冷,出门一定要多穿衣服!

RiPro美化菜单增加角标

wp优化 慕白 6个月前 (04-24) 1075次浏览 已收录 0个评论
wordpress2020最新版RiPro美化菜单增加角标
首先找到主题文件夹,css/style.css,打开文件在底部填写以下代码

蓝色

  1. .ls {
  2. display: inlineblock;
  3. webkittransform: translateY(-12px);
  4. mstransform: translateY(-12px);
  5. transform: translateY(-12px);
  6. fontsize: .75rem;
  7. letterspacing: 0.05em;
  8. background: #188ef4;
  9. background: webkitlineargradient(legacydirection(to right), #6454ef 0%, #316ce8 100%);
  10. background: webkitgradient(linear, left top, right top, from(#6454ef), to(#316ce8));
  11. background: webkitlineargradient(left, #6454ef 0%, #316ce8 100%);
  12. background: olineargradient(left, #6454ef 0%, #3021ec 100%);
  13. background: lineargradient(to right, #6454ef 0%, #3021ec 100%);
  14. color: #ffffff;
  15. borderradius: 1rem;
  16. padding: .15rem .275rem;
  17. lineheight: 1;
  18. fontweight: bold;
  19. }

黄色

  1. .hhs {
  2. display: inlineblock;
  3. transform: translateY(-12px);
  4. fontsize: .75rem;
  5. letterspacing: 0.05em;
  6. background: lineargradient(to top, #efd3b0 0%, #f9e1be 100%);
  7. color: #ffffff;
  8. borderradius: 1rem;
  9. padding: .15rem .275rem;
  10. lineheight: 1;
  11. fontweight: bold;
  12. }

红色

  1. .hs {
  2. display: inlineblock;
  3. transform: translateY(-12px);
  4. fontsize: .75rem;
  5. letterspacing: 0.05em;
  6. background: lineargradient(to top, #f308a0 0%, #fb0655 100%);
  7. color: #ffffff;
  8. borderradius: 1rem;
  9. padding: .15rem .275rem;
  10. lineheight: 1;
  11. fontweight: bold;
  12. }

自己喜欢什么颜色就添加什么颜色,然后在自定义菜单中添加如下代码:

  1. <span class="ls">真香</span>     图上三种颜色自己选择  ls    hs    hhs  自己修改就行

感觉麻烦可以直接把以下代码写到自定义菜单

  1. display: inlineblock;
  2. transform: translateY(-12px);
  3. fontsize: .75rem;
  4. letterspacing: 0.05em;
  5. background: lineargradient(to top, #f308a0 0%, #fb0655 100%);
  6. color: #ffffff;
  7. borderradius: 1rem;
  8. padding: .15rem .275rem;
  9. lineheight: 1;
  10. fontweight: bold;
<span class=”这里放上面代码”>热</span>

清宁时光 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:RiPro美化菜单增加角标
喜欢 (0)
[6447834@qq.com]
分享 (0)
慕白
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址