首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法更改blogspot模板

无法更改blogspot模板
EN

Stack Overflow用户
提问于 2013-07-07 00:26:31
回答 1查看 6.6K关注 0票数 0

我正在尝试修改我的博客模板,它是从互联网下载的。

例如,当我试图改变标题的颜色时,我不能这样做,或者做一些其他的更改。

我如何做到以下几点:

  1. 例如,我改变颜色。
  2. 适用于博客。

但是之后就不起作用了,没有任何变化,请帮我解决这个问题。

EN

回答 1

Stack Overflow用户

发布于 2013-07-09 18:45:49

对于第一个问题,当您单击"Edit“而没有出现任何代码时:这是Blogger.com接口中的一个故障。这也发生在我身上,因为他们改变了编辑器的工作方式(“升级”)。只需刷新页面或单击“预览模板”按钮,一旦加载,然后单击“编辑模板”按钮。

编码出现后,搜索(要搜索它,请在键盘上按住Ctrl,按F键,然后在搜索框中复制并粘贴此代码):

代码语言:javascript
运行
复制
   $(post.title.text.color)

如果您找不到该代码,那是因为它没有在您的自定义模板中编码。此代码允许您轻松地更改"Blogger模板设计器“页面中的post标题颜色。如果没有上述代码,从用户友好的页面中更改帖子标题颜色的选项将无法工作。

要启用此选项:从“编辑模板”页面搜索并找到:

代码语言:javascript
运行
复制
    </b:skin>

在"/b:skin“上面粘贴此代码:

代码语言:javascript
运行
复制
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页面更改整个博客的默认文本颜色和字体,下面的代码必须在模板中:

代码语言:javascript
运行
复制
    body {
    font: $(body.font);
    color: $(body.text.color);
    }

为了从博客上的Designer页面获得所有可用的功能,必须添加一个完整的其他变量列表。为了获得这些代码的fimilar,我建议您创建一个带有stadard博客模板的新博客,并打开"Edit“模板页面。从那里开始,在代码的顶部,你应该看到的第一件事是:

代码语言:javascript
运行
复制
    /* Variable definitions
    ====================

这些变量使“自定义设计器”页面能够工作。

每个变量的代码将在该部分中列出,并且看起来总是相似的,从"$“符号开始,后面跟着描述性的单词,如:

代码语言:javascript
运行
复制
    $(widget.border.color)

不需要花太多的时间就能看到这种模式。而"selector=“将总是告诉您什么需要放在"/b:skin”之上。对于exmaple,对于上面提到的小部件边框颜色,您将看到以下类似的代码:

代码语言:javascript
运行
复制
     <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"/>

在你看到密码的地方:

代码语言:javascript
运行
复制
    selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">

...is如何知道如何在"/b:skin“之上形成代码。因此:

代码语言:javascript
运行
复制
    .main-inner .widget h2.date-header, .main-inner .widget h2.date-header span {
$(widget.border.color)
}

当然,您可以将varible放在您想要的任何位置,并且当您更改该选择器的颜色时,从自定义设计器页面中,它将更改所有相应的区域。如果需要,甚至可以将小部件边框颜色放置在post标题中,而post标题将始终与小部件钻孔者颜色相匹配。

能够使用自定义设计器页面很好,但是一旦您习惯了编码,它就不需要了。您可以直接在“编辑HTML”模板页面中更改代码,方法是将所需的颜色代码放在您想要的部分中。例如,搜索和查找(在/b:skin中):

代码语言:javascript
运行
复制
     .post-title {

并删除变量代码,并将其替换为所需的颜色:

代码语言:javascript
运行
复制
    .post-title {
    color: blue;
    }

或者使用:http://www.colorpicker.com/查找准确颜色的HEX代码,并将其作为贴图标题:

代码语言:javascript
运行
复制
    .post-title {
    color: #E01B5D;
    }

希望这能有所帮助。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17508270

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档