宝塔面板登录页面增加自定义背景图片

Administrator 322 2022-07-19

简单介绍

由于宝塔没有模板系统,因此每个版本都有可能对前端代码大改。
所以该教程以7.7.0版本代码为例,其他版本可能不能用。
主要是给我们的面板加个背景图片,以增加美观。

教程说明

1.第一步登录宝塔面板进入文件管理
2.找到/www/server/panel/BTPanel/templates/default/login.html这个文件打开
3.将以下代码添加到的前面

body {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background : url(图片路径) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

4.进入宝塔自带工具箱 bt 输入9 清空缓存。

5.清空浏览器缓存访问登陆页即可看到效果。