B2主题的头像下拉菜单已经被N多小伙伴吐槽了,但是要想修改它也不是那么容易的,因为改动功能代码的话下次更新美化就得重新来过了,所以暖岛就试试只修改Css样式,尽量让它看起来美观一丢丢吧。
效果图:
美化代码:
/*
* 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" 如下图所示:
然后把上面的美化代码复制到子主题的style.css文件,就大功告成了!