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

站长 CMS源码

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

图片示例:

使用教程:

在主题或子主题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>

如图所示:

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

收藏 (0) 打赏

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

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

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

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