diff --git a/settings.yaml b/settings.yaml
index 739cb938..083f4e4e 100644
--- a/settings.yaml
+++ b/settings.yaml
@@ -292,6 +292,7 @@ spec:
           label: Banner 左侧
           if: $get(recentTop).value
           value:
+            bannersBackgroundRollStyle: tags-group-all
             bannersBackground: default
             bannersTitleBig: <div class="banners-title-big">Halo Theme</div><div class="banners-title-big">Hao</div>
             bannersTitleSmall: 更多信息请关注 GitHub
@@ -312,6 +313,16 @@ spec:
                 colorTwoDark: "#da980c"
             techStack:
           children:
+            - $formkit: select
+              name: bannersBackgroundRollStyle
+              id: bannersBackgroundRollStyle
+              key: bannersBackgroundRollStyle
+              label: 背景图滚动样式
+              options:
+                - label: 垂直滚动
+                  value: tags-group-all
+                - label: 倾斜滚动
+                  value: tags-group-all45
             - $formkit: select
               name: bannersBackground
               id: bannersBackground
@@ -1376,6 +1387,7 @@ spec:
               gongwangan: true
               yingsi: true
               yunzhichi: false
+              footer_banner_padding: 1
             style_one:
               owner_enable: false
               runtime_enable: true
@@ -1404,6 +1416,12 @@ spec:
                       value: true
                     - label: 隐藏
                       value: false
+                - $formkit: number
+                  if: $get(default_enable).value
+                  name: footer_banner_padding
+                  id: footer_banner_padding
+                  key: footer_banner_padding
+                  label: 页脚高度
                 - $formkit: radio
                   if: $get(default_enable).value
                   name: dingyue
diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index a715fb67..41ed74c7 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -8133,12 +8133,13 @@ div#banners {
         border-radius: 60px;
         margin-bottom: 12px;
         color: var(--heo-white);
-        width: 94px;
+        max-width: 170px;
         position: relative
     }
 
     .banners-link-title {
-        margin-left: auto
+        margin-left: auto;
+        padding-left: 5px;
     }
 }
 
@@ -8170,7 +8171,13 @@ div#banners {
 
 .tags-group-all {
     display: flex;
-    transform: rotate(0)
+    transform: rotate(0);
+}
+
+.tags-group-all45 {
+    display: flex;
+    transform: rotate(45deg);
+    margin-top: -130%;
 }
 
 .tags-group-all.nowrapMove {
@@ -8178,6 +8185,11 @@ div#banners {
     padding-bottom: 2rem
 }
 
+.tags-group-all45.nowrapMove {
+    transform: rotate(0);
+    padding-bottom: 2rem
+}
+
 #bannerGroup .tags-group-wrapper {
     margin-top: 0;
     display: flex;
diff --git a/templates/modules/footer.html b/templates/modules/footer.html
index a5116179..16c7c884 100644
--- a/templates/modules/footer.html
+++ b/templates/modules/footer.html
@@ -101,7 +101,7 @@ <h3 class="footer-title">友链</h3>
         }
     </style>
 
-    <div th:if="${theme.config.footer.footerContent.default_enable_group.default_enable}" id="footer-banner">
+    <div th:if="${theme.config.footer.footerContent.default_enable_group.default_enable}" id="footer-banner" th:style="|padding:${theme.config.footer.footerContent.default_enable_group.footer_banner_padding}rem|">
         <div class="footer-banner-links">
             <div class="footer-banner-left">
                 <div id="footer-banner-tips">
diff --git a/templates/modules/widgets/banner-group.html b/templates/modules/widgets/banner-group.html
index 84059e23..75b0504a 100644
--- a/templates/modules/widgets/banner-group.html
+++ b/templates/modules/widgets/banner-group.html
@@ -1,7 +1,7 @@
 <div id="bannerGroup">
     <!-- banners -->
     <div id="banners">
-        <div class="tags-group-all">
+        <div th:class="${theme.config.top.BannerLeft.bannersBackgroundRollStyle}">
             <!--  banners 使用默认值-->
             <div class="tags-group-wrapper"
                  th:if="${#strings.equals(theme.config.top.BannerLeft.bannersBackground, 'default')}">
diff --git a/theme.yaml b/theme.yaml
index 02632630..e59c2d20 100644
--- a/theme.yaml
+++ b/theme.yaml
@@ -45,5 +45,5 @@ spec:
   repo: https://github.com/chengzhongxue/halo-theme-hao
   settingName: "theme-hao-setting"
   configMapName: "theme-hao-configMap"
-  version: "1.5.3"
+  version: "1.5.4"
   require: ">=2.15.0"