💡 优化广告位，增加【首页顶部】广告位

blog-core/src/main/java/com/zyd/blog/business/enums/AdPositionEnum.java

@@ -19,6 +19,10 @@ import java.util.Map;
 @AllArgsConstructor
 public enum AdPositionEnum {
 
+    /**
+     * 首页顶部
+     */
+    HOMEPAGE_TOP("首页顶部"),
     /**
      * 每次刷新页面都弹窗显示，AdType 必须为 POP
      */

blog-web/src/main/resources/static/css/zhyd.core.css

@@ -3609,8 +3609,8 @@ img {
 
 /* 广告 */
 .ad-mark {
-    padding: 8px;
     position: relative;
+    margin-bottom: 10px;
 }
 
 .ad-mark:after {

blog-web/src/main/resources/templates/article.ftl

@@ -109,7 +109,7 @@
                 </div>
             </div>
             <#-- 广告位 -->
-            <div class="blog-body ad-mark" id="ARTICLE_BOTTOM" style="display: none"></div>
+            <div class="ad-mark" id="ARTICLE_BOTTOM" style="display: none"></div>
             <div class="blog-body prev-next">
                 <nav class="nav-single wow" data-wow-delay="0.3s">
                     <#if other.prev>
@@ -203,7 +203,7 @@
                 <div class="clear"></div>
             </div>
             <#-- 广告位 -->
-            <div class="blog-body ad-mark" id="COMMENT_BOX_TOP" style="display: none"></div>
+            <div class="ad-mark" id="COMMENT_BOX_TOP" style="display: none"></div>
             <#if !article.requiredAuth>
                 <#--评论-->
                 <#if article.comment>

blog-web/src/main/resources/templates/guestbook.ftl

@@ -45,9 +45,7 @@
             </div>
         </#if>
         <#-- 广告位 -->
-        <div class="col-sm-12 blog-main">
-            <div class="blog-body ad-mark" id="COMMENT_BOX_TOP" style="display: none"></div>
-        </div>
+        <div class="col-sm-12 ad-mark" id="COMMENT_BOX_TOP" style="display: none"></div>
         <#if config.comment! && config.comment == 1>
             <div class="col-sm-12 blog-main">
                 <div class="blog-body expansion">

blog-web/src/main/resources/templates/index.ftl

@@ -7,6 +7,8 @@
 </@header>
 
 <div class="container custome-container">
+    <#-- 广告位 -->
+    <div class="ad-mark" id="HOMEPAGE_TOP" style="display: none;margin-bottom: 10px"></div>
     <@prompt></@prompt>
     <nav class="breadcrumb">
         <div class="notify"><i class="fa fa-bullhorn fa-fw"></i></div>

blog-web/src/main/resources/templates/layout/sidebar.ftl

 <div class="col-sm-3 blog-sidebar">
     <#-- 广告位 -->
-    <div class="sidebar-module ad-mark" id="SIDEBAR_TOP" style="display: none"></div>
+    <div class="ad-mark" id="SIDEBAR_TOP" style="display: none"></div>
     <#if articleDetail??>
         <div class="sidebar-module">
             <h5 class="custom-title"><i class="fa fa-hand-peace-o fa-fw icon"></i><strong>说给你听</strong><small></small></h5>
@@ -181,5 +181,5 @@
         </ul>
     </div>
     <#-- 广告位 -->
-    <div class="sidebar-module ad-mark" id="SIDEBAR_BOTTOM" style="display: none"></div>
+    <div class="ad-mark" id="SIDEBAR_BOTTOM" style="display: none"></div>
 </div>