Question

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

例如，当我尝试更改标题的颜色时，我无法进行或其他一些更改。

如何执行以下操作：

我改变了颜色，例如
申请博客。

但它没有用，之后没有任何变化，请帮我解决这个问题。

Answer 1

对于您的第一个问题，当您单击“编辑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的自定义设计器页面更改帖子标题的颜色和帖子标题的字体。

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

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

为了从Blogger上的Designer页面获取所有可用功能，必须添加其他变量的完整列表。为了与这些代码更相似，我建议您使用标准的Blogger模板创建一个新博客，然后打开“编辑HTML”模板页面。从那里开始，在代码的顶部，你应该看到的第一件事是：

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

这些是使Custom Designer页面能够工作的变量。

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

    $(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)
}

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

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

     .post-title {

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

    .post-title {
    color: blue;
    }

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

    .post-title {
    color: #E01B5D;
    }

希望有所帮助。

无法在blogspot模板中进行更改

1 个答案: