b2美化之导航栏作者功能选项

说明，此教程主要分两部分，第一个部分是鼠标指着首页登陆头像弹出其功能选项框，第二个部分是更改个人中心使其显示我的ID是第几号。

第一部分：

1、打开b2/Assets/fontend/main.js文件，查询top-user-info，将showDrop:false,改为showDrop:true，然后保存此文件。

2、然后将下列CSS引入即可

/*************首页登陆hover重写*********/
.top-user-box-drop.show{
    overflow: inherit;
}
.jt::after{border:none}
.top-user-info .top-user-box-drop.show{
    opacity: 0;
    visibility: hidden;
    top: 28px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.top-user-info:hover .top-user-box-drop.show{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    margin-top: 10px;
}
.top-user-info .top-user-box-drop.show:before{
    right: 25px;
    top: -10px;
    border-left: 10px solid #f9f9f900;
    border-right: 10px solid #f9f9f900;
    border-bottom: 10px solid #f9f9f9;
}

第二部分：

打开b2/Modules/Templates/Header.php，大约521行，将个人中心四个字改为如下代码：

我的ID:{{userData.id}}