我正在尝试修改我的博客模板,它是从互联网下载的。
例如,当我试图改变标题的颜色时,我不能这样做,或者做一些其他的更改。
我如何做到以下几点:
但是之后就不起作用了,没有任何变化,请帮我解决这个问题。
发布于 2013-07-09 18:45:49
对于第一个问题,当您单击"Edit“而没有出现任何代码时:这是Blogger.com接口中的一个故障。这也发生在我身上,因为他们改变了编辑器的工作方式(“升级”)。只需刷新页面或单击“预览模板”按钮,一旦加载,然后单击“编辑模板”按钮。
编码出现后,搜索(要搜索它,请在键盘上按住Ctrl,按F键,然后在搜索框中复制并粘贴此代码):
$(post.title.text.color)如果您找不到该代码,那是因为它没有在您的自定义模板中编码。此代码允许您轻松地更改"Blogger模板设计器“页面中的post标题颜色。如果没有上述代码,从用户友好的页面中更改帖子标题颜色的选项将无法工作。
要启用此选项:从“编辑模板”页面搜索并找到:
</b:skin>在"/b:skin“上面粘贴此代码:
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);
}这将使您能够从博客的“自定义设计器”页面中更改帖子标题的颜色和帖子标题的字体。
如果希望“自定义设计器”页面中的其他选项工作,则必须将其他类似代码添加到模板的其他区域。例如,要从Designer页面更改整个博客的默认文本颜色和字体,下面的代码必须在模板中:
body {
font: $(body.font);
color: $(body.text.color);
}为了从博客上的Designer页面获得所有可用的功能,必须添加一个完整的其他变量列表。为了获得这些代码的fimilar,我建议您创建一个带有stadard博客模板的新博客,并打开"Edit“模板页面。从那里开始,在代码的顶部,你应该看到的第一件事是:
/* Variable definitions
====================这些变量使“自定义设计器”页面能够工作。
每个变量的代码将在该部分中列出,并且看起来总是相似的,从"$“符号开始,后面跟着描述性的单词,如:
$(widget.border.color)不需要花太多的时间就能看到这种模式。而"selector=“将总是告诉您什么需要放在"/b:skin”之上。对于exmaple,对于上面提到的小部件边框颜色,您将看到以下类似的代码:
<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">...is如何知道如何在"/b:skin“之上形成代码。因此:
.main-inner .widget h2.date-header, .main-inner .widget h2.date-header span {
$(widget.border.color)
}当然,您可以将varible放在您想要的任何位置,并且当您更改该选择器的颜色时,从自定义设计器页面中,它将更改所有相应的区域。如果需要,甚至可以将小部件边框颜色放置在post标题中,而post标题将始终与小部件钻孔者颜色相匹配。
能够使用自定义设计器页面很好,但是一旦您习惯了编码,它就不需要了。您可以直接在“编辑HTML”模板页面中更改代码,方法是将所需的颜色代码放在您想要的部分中。例如,搜索和查找(在/b:skin中):
.post-title {并删除变量代码,并将其替换为所需的颜色:
.post-title {
color: blue;
}或者使用:http://www.colorpicker.com/查找准确颜色的HEX代码,并将其作为贴图标题:
.post-title {
color: #E01B5D;
}希望这能有所帮助。
https://stackoverflow.com/questions/17508270
复制相似问题