- 宝塔面板模板 2023-05-13T15:20:00+08:00 Typecho https://www.baota.me/feed/atom/tag/template.html <![CDATA[【原创】新蓝白配色清新简约宝塔面板模板美化主题]]> https://www.baota.me/post-233.html 2023-05-13T15:20:00+08:00 2023-05-13T15:20:00+08:00 gacjie https://www.baota.me 宝塔面板都是自己看的，一般不太需要使用模板。
但时间久了，就想换换风格，找了好多基本都是改背景图片那种。
也找到几个满意的无奈只支持旧版本，要么就是收费的。
考虑到服务器安全，方便审计代码，只修改了css、js文件，打包时只打包了改过的文件。
技术精力有限，有些细节问题未处理，后续慢慢更新吧。
目前linux、windows、aapanel的常用版本全都制作了，以方便用户使用。

演示图片

home.jpg
site.jpg
soft.jpg
firewall.jpg
control.jpg

相关文章

宝塔面板历史版本升级（降级）方法

命令行安装（不支持win版，win版用户请看下方图文教程）

宝塔linux面板7.9.10主题

wget -O btpanel_theme.zip https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_7910.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔linux面板7.9.9主题

wget -O btpanel_theme.zip https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_799.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔linux面板7.9.8主题

wget -O btpanel_theme.zip https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_798.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔linux面板7.7.0主题

wget -O btpanel_theme.zip https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_770.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔linux面板7.6.0主题

wget -O btpanel_theme.zip https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_760.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔海外aapanel6.8.27版主题

wget -O btpanel_theme.zip https://down.baota.me/project/aapanel/theme/BTPanel_theme_aapanel_6827.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

最后还需要手动清理浏览器缓存

下载地址 【图文详细安装方法】

{cloud title="宝塔Linux面板7.9.10版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_7910.zip" password=""/}
{cloud title="宝塔Linux面板7.9.9版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_799.zip" password=""/}
{cloud title="宝塔Linux面板7.9.8版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_798.zip" password=""/}
{cloud title="宝塔Linux面板7.7.0版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_770.zip" password=""/}
{cloud title="宝塔Linux面板7.6.0版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_760.zip" password=""/}
{cloud title="宝塔海外aapanel6.8.27版主题" type="default" url="https://down.baota.me/project/aapanel/theme/BTPanel_theme_aapanel_6827.zip" password=""/}
{cloud title="宝塔windows面板7.8.0版主题" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_windows_780.zip" password=""/}
{cloud title="宝塔windows面板7.2.0版主题" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_windows_720.zip" password=""/}

更新日志

2023-5-12
更新7.9.10资源包
2023-3-4
重构文件结构，统一安装方法。
2023-3-1
aapanel_6.8.27初始版本发布
windows_780初始版本发布
windows_720初始版本发布
2023-2-28
linux_798初始版本发布
linux_760初始版本发布
2023-2-27
linux_770初始版本发布

借鉴致谢

由于前端比较菜，一直没有思路，所以百度了别人的一些项目用作参考，感谢各位大佬提供的思路。
https://blog.csdn.net/qq_26373925/article/details/118830692
https://gitee.com/zkui/btpanel-theme
https://blog.imlazy.ink:233/index.php/archives/382/

]]> <![CDATA[【原创】暗黑配色宝塔面板模板美化主题]]> https://www.baota.me/post-363.html 2023-05-13T00:50:00+08:00 2023-05-13T00:50:00+08:00 gacjie https://www.baota.me 暗黑风格的宝塔面板主题，目前不完善，很多细节问题没处理好。

演示图片

360截图20230513004204055.jpg
360截图20230513004302282.jpg
3.jpg
4.jpg

相关文章

宝塔面板历史版本升级（降级）方法

命令行安装（不支持win版，win版用户请看下方图文教程）

宝塔linux面板7.9.10主题

wget -O btpanel_theme.zip https://www.baota.me/script/btpanel_theme/BTPanel_theme_linux_dark_7910.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

最后还需要手动清理浏览器缓存

下载地址 【图文详细安装方法】

]]> <![CDATA[简易宝塔防火墙拦截页面代码]]> https://www.baota.me/post-228.html 2023-02-27T23:05:00+08:00 2023-02-27T23:05:00+08:00 gacjie https://www.baota.me fanghuoqiang.png

修改方法

宝塔防火墙拦截页面修改教程

防火墙代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>请求不被许可</title>
    <style type="text/css">
        <!--
        body {margin: 0px; padding:0px; font-family:"微软雅黑", Arial, "Trebuchet MS", Verdana, Georgia,Baskerville,Palatino,Times; font-size:16px;}
        div{margin-left:auto; margin-right:auto;}
        a {text-decoration: none; color: #1064A0;}
        a:hover {color: #0078D2;cursor: pointer}
        img { border:none; }
        h1,h2,h3,h4 {
            /*    display:block;*/
            margin:0;
            font-weight:normal;
            font-family: "微软雅黑", Arial, "Trebuchet MS", Helvetica, Verdana ;
        }
        h1{font-size:44px; color:#0188DE; padding:20px 0px 10px 0px;}
        h2{color:#0188DE; font-size:16px; padding:10px 0px 40px 0px;}
        #wrapper{width:100%;}
        #page{width:910px; padding:20px 20px 40px 20px; margin-top:80px;}
 
        .button{width:180px; height:28px; margin-left:0px; margin-top:10px; background:#009CFF; border-bottom:4px solid #0188DE; text-align:center;}
        .button a{width:180px; height:28px; display:block; font-size:14px; color:#fff; }
        .button a:hover{ background:#5BBFFF;}
 
        a.apply-btn {
            display: inline-block;
            width: 200px;
            height: 50px;
            line-height: 50px;
            background: #0188DE;
            font-size: 20px;
            color: #cdfff7;
            text-align: center;
        }
        .detail-info{
            padding: 10px 0;
            border: 1px solid red;
            height: auto;
            width: 400px;
            position: absolute;
            left: 0;
            top:21px;
            background: #fff;
            border-radius: 3px;
            display: none;
        }
        .active .detail-info{
            display: block;
        }
        .msg-item{
            padding:0 20px;
            line-height: 26px;
            font-size: 14px;
            color:#000;
        }
        .msg-item label{
            float:left;
            height: 26px;
            line-height: 26px;
            width:100px;
            text-align: right;
        }
        .msg-item div{
            overflow: hidden;
            line-height: 26px;
            word-wrap: break-word;
            word-break: break-all;
        }
        -->
    </style></head>
 
<body>
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script> 
<div id="wrapper">
    <div id="page" style="border-style:dashed; border-color:#e4e4e4; line-height:30px;  no-repeat right 130px;">
        <h1 style="text-align: center;">很抱歉, 您的操作被防火墙拦截！</h1>
        <h2 style="text-align: center;">Sorry, Do not do it. </h2>
        <p style="text-align: center;">
         <font color="green">您的IP地址已被记录：</font>
         <font color="red">
         <script type="text/javascript"> 
    document.write(returnCitySN["cip"]  + ', 地区:' + returnCitySN["cname"]+",浏览器版本:"+getBrowserInfo());
     
    function getBrowserInfo()
{
  var agent = navigator.userAgent.toLowerCase() ;
 
  var regStr_ie = /msie [\d.]+;/gi ;
  var regStr_ff = /firefox\/[\d.]+/gi
  var regStr_chrome = /chrome\/[\d.]+/gi ;
  var regStr_saf = /safari\/[\d.]+/gi ;
   
  //IE
  if(agent.indexOf("msie") > 0)
  {
    return agent.match(regStr_ie) ;
  }
 
  //firefox
  if(agent.indexOf("firefox") > 0)
  {
    return agent.match(regStr_ff) ;
  }
 
  //Chrome
  if(agent.indexOf("chrome") > 0)
  {
    return agent.match(regStr_chrome) ;
  }
 
  //Safari
  if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0)
  {
    return agent.match(regStr_saf) ;
  }
 
}
  </script></font></p>
    </div>
 
 
</div>
</body>
</html>
]]> <![CDATA[宝塔面板美化主题模版，以蓝白配色为主的清新感]]> https://www.baota.me/post-226.html 2023-02-27T20:13:00+08:00 2023-02-27T20:13:00+08:00 gacjie https://www.baota.me 原来的宝塔面板样式不是很好看（绿油油，还有点老气），于是Pure-Peace基于linux面板7.6.0弄了套主题
主要还是修改/www/server/panel/BTPanel目录下的html及css，__init__.py仅修改了默认Error的html。

效果图片

20210716231247494.png
20210716231247465.png
20210716231247371.png
20210716231247418.png
20210716231247419.png
20210716231247425.png

下载地址 【图文详细安装方法】

{cloud title="customBT_宝塔linux面板7.6.0" type="lz" url="https://gacjie.lanzoue.com/ikRfw0p89nri" password="cbbq"/}

原文链接

https://blog.csdn.net/qq_26373925/article/details/118830692

]]> <![CDATA[宝塔面板二次元主题美化包]]> https://www.baota.me/post-66.html 2022-02-13T21:55:00+08:00 2022-02-13T21:55:00+08:00 gacjie https://www.baota.me 模板说明

本美化包是由Vincent文朔基于宝塔 Linux 面板 7.8.0 免费版制作的面板美化主题。通过覆盖原有模板文件，实现对宝塔面板前端的美化。如新版本无法使用可通过降级来使用。

模板截图

bt1-1024x496.jpg
bt2-1024x496.jpg
bt3-1024x496.jpg

项目地址

https://gitee.com/Vincent1230/BTPanel-beautification

安装教程

在一切开始之前，请先妥当备份你服务器中的 /www/server/panel/BTPanel 目录。
访问我的 Gitee 仓库 或 GitHub 仓库 下载本项目，并解压提取其中的 BTPanel 文件夹。
将提取出的 BTPanel 文件夹上传至服务器 /www/server/panel 目录 (即覆盖 /www/server/panel/BTPanel 文件夹中的同名文件)
在服务器终端执行 bt 9 命令清除宝塔面板缓存。
清除浏览器本地缓存，重新登录宝塔面板即可。

]]> <![CDATA[宝塔面板主题ICON替换&颜色修改&BTPanel Theme]]> https://www.baota.me/post-62.html 2022-02-13T21:44:00+08:00 2022-02-13T21:44:00+08:00 gacjie https://www.baota.me 模板说明

由@zkui基于7.4.5版linux面板制作的蓝色主题，美观简洁，ICON替换&颜色修改&BTPanel Theme。
如新版本无法使用可通过降级来使用。

模板截图

screenshot1.png
screenshot2.png

项目地址

https://gitee.com/zkui/btpanel-theme

使用方法

1.备份&删除/www/server/panel/BTPanel/文件夹下的static,templates
2.把当前仓库的static,templates拷贝到/www/server/panel/BTPanel/文件夹下
3.重启BT: bt restart
4.清空浏览器缓存

]]>