1

一些改进...

使用一些修改过的 CSS：

.article-content,.entry-content {
    background-color:#8a0202;
}

我能够获得一些静态登陆页面的背景（http://www.sailingdee.com/p/welcometodee.html）

但是，背景并没有覆盖整个页面（一些白色区域仍然存在）。

而且，CSS 将 #8a0202 颜色应用于所有博客，我只希望它应用于静态页面......

问题： 1- 如何将#8a0202 扩展到整个着陆页？2- 如何仅将 CSS 应用于该特定页面？

4

1 回答 1

1

为确保 CSS 仅应用于此特定页面，您必须将这些样式包装在 Blogger 条件语句中。由于条件语句仅在模板编辑器中有效，因此必须将下面的代码片段插入到主题编辑 HTML 插入<head>标记之后的任何位置

<b:if cond='data:view.isPage &amp;&amp; data:view.pageId == 3526403800591689129'>
  <style>
    body{
      background-color:#8a0202;
    }
    .article-content,.entry-content {
      background-color:#8a0202;
    }
    .viewitem-panel div.viewitem-content, .viewitem-panel .article.hentry {
      background: #8a0202;
      border-image: none;
    }
  </style>
</b:if>

该编号3526403800591689129是 Blogger 分配给页面http://www.sailingdee.com/p/welcometodee.html的唯一 ID ，可在通过 Blogger 仪表板编辑此页面时在 URL 栏中找到

进行上述更改后，页面将如下面的屏幕截图所示 页面全背景

于 2018-03-23T08:16:52.030 回答