B2主题头像下拉菜单美化代码

B2主题的头像下拉菜单已经被N多小伙伴吐槽了,但是要想修改它也不是那么容易的,因为改动功能代码的话下次更新美化就得重新来过了,所以暖岛就试试只修改Css样式,尽量让它看起来美观一丢丢吧。

效果图:

B2主题头像下拉菜单美化代码

美化代码:

/*
 * B2主题头像下拉菜单美化
 * 暖岛 www.nuandao.cn
 */
#nuandao .top-user-box-drop {}
#nuandao .top-user-box-drop .top-my-home {
    height: 80px;
    display: flex;
}
#nuandao .top-user-box-drop .top-my-home i {
    font-size: 16px;
}
#nuandao .top-user-box-drop .top-my-home p{
    margin-left: 10px;
    margin-top: 0;
}
#nuandao .top-user-box-drop .top-my-home span {
    display: flex;
}
#nuandao .top-user-box-drop li a {
    display: block;
    text-align: center;
}
#nuandao .top-user-box-drop li a i {
    font-size: 20px;
}
#nuandao .top-user-box-drop li a p {
    font-size: 13px;
    margin-left: 0;
    margin-top: 5px;
    color: #666;
}
#nuandao .top-user-box-drop li .top-user-link-des {
    display: none;
}
#nuandao .top-user-box-drop .login-out {
    text-align: left;
    display: flex;
}
#nuandao .top-user-box-drop .login-out i {
    font-size: 18px;
}
#nuandao .top-user-box-drop .login-out p {
    margin-top: 0;
    margin-left: 5px;
}

使用方法

在子主题的<body>添加一个ID,id="nuandao" 如下图所示:

B2主题头像下拉菜单美化代码

然后把上面的美化代码复制到子主题的style.css文件,就大功告成了!

技术教程

div在css中透明度怎么调

2020-10-4 12:49:23

技术教程

宝塔专业版脚本

2020-11-14 12:27:00

重要说明

本站资源大多来自网络,如有侵犯你的权益请联系管理员或给邮箱发送邮件zhouqiuqiu123@foxmail.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

敏而好学,不耻下问。——孔子