图片Window模板设置

Picture Window Template Settings

我的博客：http://friendsojpblog.blogspot.com/

以下问题与附件中圈出的数字有关 文件。

  1. 我想删除 'Title and the Description' Header 部分，如#1 所示，因此它看起来像右边的图像（如红色箭头所示）。
    由于博客会随着添加内容而滚动，因此 Header 从视图中消失。
    由于我在 iframe 中使用它，我的计划是在 iframe 上方添加一个静止的 Title/Description header 图片。
    博客中的其他部分可以在 Blogger 的布局选项中删除，但我找不到删除 header 的方法。有没有办法消除Header？
  2. 当我删除背景图片时，我选择了纯色。
    本附件背景为中灰色，窄边框为浅灰色。
    我希望背景是白色的，透明的或者最好完全消除，但是当我从设置中选择白色或透明时，窄边框的颜色变成白色。
    有什么方法可以设置背景颜色并仍然保持光线 灰色窄边框？或者更好的是，完全消除它？
  3. 包含存档的 'box' 具有深灰色背景。
    这使得无论我选择什么文本颜色都很难阅读文本。
    有没有办法改变这个框的背景颜色？
  4. 我将博客的宽度设置为最小 500 像素。
    我想把它缩小一点，但我找不到任何方法。
    有没有可能让它变窄？

我的 Blogger 的屏幕截图：

  ************

更新：2016 年 7 月 7 日

丹妮：

这是我添加的 CSS 代码。这是 The Park Blog 的唯一 CSS 代码。

.region-inner .header-inner {  
  display: none;  
}
body {    
  background: #ffffff; /* White. Confused by your wording here - should be right. */  
}  
.content-inner {  
  background: #DCDCDC; /* Light Gray. You can change it to whatever you wish. */  
}  
.footer-outer {  
  background: #33CC33; /* Green. You can change it to whatever you wish. */  
}  
body {  
min-width: 300px; /* Now it's 400px. change the "400"s you see to the number you wish. */  
}  
.content-outer, .content-fauxcolumn-outer, .region-inner {  
min-width: 300px;  
max-width: 300px;  
_width: 300px;  
}

您在之前的回答中添加了 1B。您的所有步骤似乎都有效，并且更改似乎已保存。然而，在第 7 步之后，当我查看我的博客时，没有任何改变。当我重新检查这些步骤时，“false”已被“true”替换，并且 Header 元素又回来了。我试了好几次，结果总是一样的。我错过了一步吗？

  1. 博客min-width。它对我不起作用，除非我编码错误。查看页面源代码，第 487-494 行，显示一个“template-skin-1”，带有一个 min-width: 500px，它似乎覆盖了我添加的 CSS 代码。我找不到更改此“template-skin-1”代码的方法。

    更新：2016 年 7 月 9 日

丹妮： 无法获得消除 header 的更改建议。稍后再试。

宽度变化确实有效。对于一个独立的博主，只需要添加 !important 到两行。此外，只有 max-width: 必须有 pix >0，但两行都必须有 !important。请参阅下面的新代码。

body {  
min-width: 00px; /* Now it's 400px. change the "400"s you see to the number you wish. */  
}  
.content-outer, .content-fauxcolumn-outer, .region-inner {  
min-width: 00px!important;  
max-width: 400px!important;  
_width: 00px;  
}

要将 Blogger 正确放置在 iframe 中，还必须按如下方式修改此行。

min-width: 400px!important; /* Now it's 400px. change the "400"s you see to the number you wish. */

哈利

1. 隐藏标题和描述

.region-inner.header-inner {
  display: none;
}

1B。完全删除 Header：

  1. 转到您的 HTML 模板，按 "Ctrl-F" 打开浏览器的搜索框并将以下代码片段粘贴到其中：
    widget id='Header1' locked='true'

  2. 您的浏览器现在应该会自动找到包含该片段的博客 HTML 代码部分。
    将 "true" 替换为 "false" 以解锁 header 并单击 "Save Template."

  3. 默认情况下，Blogger 会阻止用户删除博客标题元素。
  4. Select "Close."
  5. Select "Layout"，然后单击 Header 元素下的 "Edit"。
  6. 单击 window 和 select "OK."
    7. 底部的 "Remove"
  7. 点击 "Save Arrangement."
    8. 保存您的新模板

2。删除背景

body {
  background: #ffffff; /* Confused by your wording here - should be right. */
}

然后，选择背景内 "box":

.content-inner {
  background: #ff0000; /* Red. You can change it to whatever you wish. */
}

3。存档框颜色

.footer-outer {
  background: #ff0000; /* Red. You can change it to whatever you wish. */
}

4。博客 min-width

body {
min-width: 400px !important; /* Now it's 400px. change the "400"s you see to the number you wish. */
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 400px !important;
max-width: 400px !important;
_width: 400px !important;
}

5。结果

（颜色随机）。

  • 标题和说明已隐藏。
  • 背景消失了。
  • 已选择存档框颜色。
  • 博客 min-width 已更改。

更新（7 月 8 日）：

  • “false”已替换为“true”：

备份您的代码，然后尝试从您的 HTML 模板中删除该行代码，保存并再次查看博客。

  • 博客 min-width：在您的自定义 CSS 中，在说明所需宽度的行的 ; 之前添加 !important（请参阅已编辑的问题）。

Note: this company customizes Blogs. And for full disclosure I'm affiliated with it: alldani.com