Svip   如图所示: 保存之后到网站首页ctrl+f5强制刷新即可。" />

wordpress 给菜单加上个性图标教程

2020-04-18 0 341 百度已收录

图片示例:

wordpress 给菜单加上个性图标教程

 

使用教程:

 

在主题或子主题css下添加以下代码:

 

[rihide]

/*mb2345.com  svip黄色代码*/
.sviplogo {
    /* display: inline-block; */
    /* transform: translateY(-12px); */
    /* font-size: .75rem; */
    /* letter-spacing: 0.05em; */
    /* background: linear-gradient(to right, #6454ef 0%, #3021ec 100%); */
    /* color: #ffffff; */
    /* border-radius: 1rem; */
    /* padding: .15rem .275rem; */
    /* line-height: 1; */
    /* font-weight: bold; */
    /* border-top-left-radius: 4px; */
    /* border-top-right-radius: 4px; */
    /* position: relative; */
    background: linear-gradient(-125deg,#ffab23 0%,#ff0036 100%);
    color: #fff;
    /* margin-bottom: 20px; */
    box-shadow: 0 8px 10px rgba(255,0,12,.3);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 8px 8px rgba(255, 12, 0, 0.42);
}

/*mb2345.com  svip黄色代码*/

[/rihide]

 

在外观-菜单-添加一个自定义url菜单  url设置你要跳转的链接(可以是站内或站外,站外链接前加http://)

在导航标签添加以下代码:

<span class="sviplogo">  Svip  </span>

如图所示:

wordpress 给菜单加上个性图标教程

 

保存之后到网站首页ctrl+f5强制刷新即可。

收藏 (0) 打赏

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

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

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!mb2345@qq.com 2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励! 3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负! 4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有MB奖励和额外收入!

模板2345精品站长源码站 CMS源码 wordpress 给菜单加上个性图标教程 https://www.mb2345.com/1914.html

常见问题
  • 本站大部分资源来自互联网,只有带“已测试”标签的资源经过测试,如下载未测试资源,或自己记住不到位未搭建成功的,本站不退款。
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用360、QQ浏览器下载,如有解压密码未标注的,请自行破解。
查看详情

相关文章

  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    文章总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

注册账号即送5MB,开通VIP全站资源任你下载。

*祝大家新年快乐*

本站终身会员,原价388元,限时活动终身会员只需98元,活动时间有限,错过再等一年!

我知道了
wordpress 给菜单加上个性图标教程-海报

分享本文封面