我正在尝试对从Internet下载的我的blogspot模板进行更改。无法对blogspot模板进行更改
例如,当我尝试更改标题颜色时,我无法执行此操作或进行其他更改。
如何做到以下几点:
- 我改变颜色,例如
- 适用于博客。
但它不起作用后,没有任何变化,请帮助我处理这种情况。
我正在尝试对从Internet下载的我的blogspot模板进行更改。无法对blogspot模板进行更改
例如,当我尝试更改标题颜色时,我无法执行此操作或进行其他更改。
如何做到以下几点:
但它不起作用后,没有任何变化,请帮助我处理这种情况。
对于第一个问题,当您单击“编辑HTML”并且没有代码显示时:这是Blogger.com界面中的一个小故障。自从他们改变(“升级”)编辑器的功能之后,它也发生在我身上。只需刷新页面或单击“预览模板”按钮,一旦加载,然后再次点击“编辑模板”按钮。
一旦出现编码,搜索(搜索它,按下Ctrl键和按F,然后在搜索框中复制并粘贴此代码):
$(post.title.text.color)
如果你不这样做找到该代码,这是因为它没有在您的自定义模板中编码。通过此代码,您可以轻松地从“Blogger模板设计器”页面更改帖子标题颜色。没有上述代码,从用户友好页面更改帖子标题颜色的选项将不起作用。
要启用该选项:从 “编辑模板” 页面搜索和查找:
</b:skin>
上面的 “/ B:皮” 粘贴此代码:
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a {
font: $(post.title.font);
color: $(post.title.text.color);
}
这将使你从Blogger的“自定义设计器”页面更改帖子标题的颜色和帖子标题的字体。
如果您希望“自定义设计器”页面中的其他选项起作用,则必须将其他类似代码添加到模板的其他区域。例如,改变从设计页面的整个博客的默认文本颜色和字体,下面的代码必须是在你的模板:
body {
font: $(body.font);
color: $(body.text.color);
}
还有其他可变因素的整个列表必须按顺序添加从Blogger上的Designer页面获取所有可用的功能。为了获得与这些代码类似的信息,我建议您使用stadard Blogger模板创建一个新博客,并打开“编辑HTML”模板页面。从那里,在代码的顶部,你应该看到的第一件事是:
/* Variable definitions
====================
这些是启用自定义设计页面正常工作的变量。
每个varibile的代码都会在这个部分,而且将永远看起来很相似,开头带有“$”符号,然后像描述性的文字:
$(widget.border.color)
它并不需要太多的开始看到模式。而“选择器=”将总是告诉你需要放在“/ b:skin”上面什么位置。对于〔实施例,用于微边框颜色,上面提到的,你会看到这样类似的代码:
<Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
<Variable name="date.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#cccccc"/>
<Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#cccccc"/>
你在哪里看到的代码:
selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
...是你如何知道在“/ b:skin”上面形成你的代码。因此:
.main-inner .widget h2.date-header, .main-inner .widget h2.date-header span {
$(widget.border.color)
}
当然,你可以选择你想要的任何地方把varible,当你改变选择的颜色,从定制的设计者页面,它会改变所有的相应区域。如果需要,您甚至可以将小部件边框颜色放在帖子标题中,并且帖子标题将始终与小部件钻孔器颜色相匹配。
很高兴能够使用自定义设计器页面,但一旦习惯了编码,就不需要了。您可以简单地在“编辑HTML”模板页面中直接更改代码,方法是将所需的颜色代码放入所需的部分。例如,搜索和查找(在/ b:skin中):
.post-title {
,并删除该变量的代码和你想要的颜色替换:
.post-title {
color: blue;
}
或使用:http://www.colorpicker.com/找到确切的颜色的十六进制代码,并把它作为你的文章标题:
.post-title {
color: #E01B5D;
}
希望有所帮助。
您需要检查所有css,js和html/php文件,因为颜色可以在任何地方。 – VixinG
但是,当我点击“编辑HTML”没有任何代码,只是空的页面 –
请帮我解决这个问题 –