美化 导航栏小图标

演示见本站：

编辑navigation.css 修改为（自行查找）

Code:

.navTabs .navTab.home a.navLink:before,
.navTabs .navTab.forums a.navLink:before,
.navTabs .navTab.members a.navLink:before,
.navTabs .navTab.taigachat a.navLink:before,
.navTabs .navTab.resources a.navLink:before,
.navTabs .navTab.help a.navLink:before {
    content: "";
    display: inline-block;
    margin: -8px 3px 0px 0px !important;
    width: 16px;
    height: 39px;
    background: url('@imagePath/xenia/gradients/forums.png') no-repeat 50% 50%;
    float: left;
}
 
.navTabs .navTab.home a.navLink:before {
    background: url('@imagePath/xenia/gradients/home.png') no-repeat 50% 50%;
}
 
.navTabs .navTab.members a.navLink:before {
    background: url('@imagePath/xenia/gradients/members.png') no-repeat 50% 50%;
}
 
.navTabs .navTab.help a.navLink:before {
    background: url('@imagePath/xenia/gradients/help.png') no-repeat 50% 50%;
}
 
.navTabs .navTab.taigachat a.navLink:before {
    background: url('@imagePath/xenia/gradients/chat.png') no-repeat 50% 50%;
}
 
.navTabs .navTab.resources a.navLink:before {
    background: url('@imagePath/xenia/gradients/resources.png') no-repeat 50% 50%;
}