动态主题中静态页面的背景

Question

一些改进...

使用一些修改 CSS:

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

我能够在一些静态登陆页面的背景下(http://www.sailingdee.com/p/welcometodee.html)

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

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

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

Answer 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 栏中找到

进行上述更改后，页面将如下图所示

动态主题中静态页面的背景

Background for static page within dynamic theme

html

css

blogger

blogger-dynamic-views