图片窗口模板设置

时间:2016-06-18 20:42:41

标签: iframe blogger

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

以下问题与附件中显示的带圆圈的数字有关 文件。

  1. 我想消除'标题和描述'标题部分,如#1所示,所以它看起来像右边的图像(如红色箭头所示)。
    因为博客在添加更多内容时滚动,所以此标题会从视图中消失 由于我在iframe中使用它,我的计划是在iframe上方添加固定的标题/描述标题图像 可以在Blogger的布局选项中删除博客中的其他部分,但我找不到消除标题的方法。有没有办法消除标题?
  2. 当我删除背景图片时,我选择了纯色 在此附件中,背景为中灰色,窄边框为浅灰色 我希望背景为白色,透明或最好完全消除,但当我从“设置”中选择白色或透明时,窄边框的颜色变为白色。
    有没有办法设置背景颜色,仍然保持光 灰色窄边框?或者更好的是,完全消除它?
  3. 包含存档的“框”具有深灰色背景 无论我选择何种文字颜色,这都会使文本难以阅读 有没有办法改变这个盒子的背景颜色?
  4. 我将博客的宽度设置为最小500像素 我想让它稍窄一点,但我找不到任何方法来做到这一点 它可以缩小吗?
  5. 我的Blogger的屏幕截图:

    Screenshot

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

    更新: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. 博客最小宽度。除非我编码错误,否则它对我不起作用。查看页面源,第487-494行,显示'template-skin-1',最小宽度:500px,它似乎覆盖了我添加的CSS代码。我找不到改变这个'template-skin-1'代码的方法。

      更新:2016年7月9日

    2. 达尼: 无法获得建议删除标头的更改。稍后再试。

      宽度变化确实有效。对于一个独立的博主,只需要添加!重要的两行。此外,只有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 个答案:

答案 0 :(得分:0)

1.隐藏标题和说明

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

1B。完全删除标题:

  1. 转到您的HTML模板,按“Ctrl-F”打开浏览器的搜索框,然后将以下代码段粘贴到其中:
    widget id='Header1' locked='true'

  2. 您的浏览器现在应该会自动找到包含该代码段的博客HTML代码部分 将“true”替换为“false”以解锁标题并单击“保存模板”。

  3. 默认情况下,Blogger会阻止用户删除博客标题元素。
  4. 选择“关闭”。
  5. 从左栏中选择“布局”,然后点击页眉元素下的“编辑”。
  6. 点击窗口底部的“删除”,然后选择“确定”。
  7. 点击“保存安排”保存新模板。
  8. 2。删除背景

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

    然后,选择内部“框”的背景:

    .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已更改。

    Result Example

    更新(7月8日):

    • 'false'已替换为'true':

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

    • 博客最小宽度:在自定义CSS中显示所需宽度的行的!important之前添加;(请参阅已编辑的问题)。
      

    注意:该公司定制博客。对于完全披露,我与它有关联:alldani.com