今天突发奇想,想要改变宝塔控制面板的图标,现记录过程。
更改标题图标
1.准备要替换的图标,命名为favicon.ico
2.进入/www/server/panel/BTPanel/static目录,直接将图标上传覆盖原图
3.清除浏览器缓存,刷新页面,发现网页标题图标已改变
更改菜单栏图标
1.进入/www/server/panel/BTPanel/static/css目录,编辑site.css文件。
2.找到868行(不同版本位置不同,也可直接搜索标签)
.sidebar-scroll .mypcip span {
background-image: url('data:image/png;base64,这里一长串字符串');
background-position: 10px;
background-repeat: no-repeat;
background-size: 18px;
display: inline-block;
padding-left: 30px;
white-space: nowrap;
width: 145px;
text-overflow:ellipsis;
overflow: hidden;
}
将
background-image: url('data:image/png;base64,这里一长串字符串');
中的地址修改为想要替换的图标地址即可,如:
background-image: url("/static/favicon.ico");
至此,图标替换完成!