-1

我正在尝试对从 Internet 下载的 blogspot 模板进行更改。

例如，当我尝试更改标题的颜色时，我不能这样做或进行其他一些更改。

如何执行以下操作：

  1. 例如，我改变颜色
  2. 申请博客。

但是之后它不起作用，没有任何变化，请帮助我解决这种情况。

4

1 回答 1

5

对于您的第一个问题，当您单击“编辑 HTML”并且没有显示任何代码时：这是 Blogger.com 界面中的故障。自从他们改变（“升级”）编辑器的运作方式以来，它也每隔一段时间就会发生在我身上。只需刷新页面或单击“预览模板”按钮，一旦加载，然后单击返回“编辑模板”按钮。

出现编码后，搜索（要搜索它，按住键盘上的 Ctrl 并按 F，然后将此代码复制并粘贴到搜索框中）：

   $(post.title.text.color)

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

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

    </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);
}

这将使您能够从 Blogger 的自定义设计器页面更改帖子标题的颜色和帖子标题的字体。

如果您希望自定义设计器页面中的其他选项起作用，您必须将其他类似代码添加到模板的其他区域。例如，要从设计器页面更改整个博客的默认文本颜色和字体，下面的代码必须在您的模板中：

    body {
    font: $(body.font);
    color: $(body.text.color);
    }

为了从 Blogger 的设计器页面获得所有可用的功能，必须添加其他变量的完整列表。为了熟悉这些代码，我建议您使用标准 Blogger 模板创建一个新博客，然后打开“编辑 HTML”模板页面。从那里，在代码的顶部，您应该首先看到的内容之一是：

    /* Variable definitions
    ====================

这些是使定制设计器页面能够工作的变量。

每个变量的代码将在该部分中列出，并且总是看起来相似，以“$”符号开头，后跟描述性词语，例如：

    $(widget.border.color)

开始看到模式并不需要太多。而“selector=”将始终告诉您需要将什么放在“/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)
}

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

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

     .post-title {

并删除变量代码并将其替换为您想要的颜色：

    .post-title {
    color: blue;
    }

或使用： http: //www.colorpicker.com/找到确切颜色的十六进制代码并将其作为您的帖子标题：

    .post-title {
    color: #E01B5D;
    }

希望有帮助。

于 2013-07-09T18:45:49.217 回答