css - 定义 Blogger 模板设计器变量

标签 css xhtml blogger

我已经进行了相当广泛的搜索,但我无法找到任何关于如何使用其模板设计器界面编写 Blogger 模板的 Google 文档。

我想创建一个变量,让您可以轻松地为主要内容 div 设置背景图片,或者甚至可以将多个背景图片上传到一个数组以获得随机背景图片等。

我发现了如何非常轻松地创建颜色和字体变量,但这并不是我真正想要做的。

那么,有没有人知道如何定义新的“背景”变量或知道在哪里可以找到有关如何编写 Blogger 模板的文档?

非常感谢您的帮助!

编辑: 澄清一下,我试图在我的模板中定义与内置模板设计器界面兼容的变量。例如:

<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#666666"/>
</Group>

以上代码将让我使用 Template Designer UI 更改正文字体和正文颜色的 CSS。这些是我可以从头开始定义并且可以出现在 Designer 界面中的仅有的两种变量类型(“字体”和“颜色”)。我正在尝试定义一个图像选择器。该界面目前允许您使用此变量选择一个背景图像:

<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) url(http://example/example.png) repeat fixed top left"/>

但是使用相同的约定创建新变量不会导致模板设计器 UI 中显示任何新内容。

再次感谢!

最佳答案

Blogger 模板设计器非常基础,不允许您有多个上传机会。您将只能创建一个上传位置,这是为正文背景预留的。 我找到了 this post对编写变量非常有帮助。 至于你关于如何编写博客模板的文档的问题。我编写响应式 Blogger 模板已经有一段时间了,并为此编写了多个教程,但我更关注响应式部分而不是变量。但如果您仍然想看一看,也许您会发现一些有用的东西。 link

关于css - 定义 Blogger 模板设计器变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26581643/

相关文章:

html - 我应该编写 Polyglot HTML5 文档吗?

javascript - 如何抑制窗口滚动条并利用相同的空间

博客获取动态缩放图像的CSS代码

html - 侧边栏在所有页面上的显示都不一样

html - 如何去除移动设备上输入(单选、选择和复选框)的蓝色背景?

html - 如果屏幕像素密度发生变化,css像素单元物理尺寸是否会发生变化?

Facebook Canvas setAutoGrow 在 IE 中永远增长

javascript - 通过标签输入下拉搜索

css - 根据 WCAG 2.0,在 alt ="text"中使用的字符限制是多少?

javascript - Blogger - 悬停图像上显示的文本偏移并且与计算结果不同