weebly如何为每个页面设置不同的主要内容背景?
How to set a different main content background for each page in weebly?
我有一个 Weebly 网站,默认的 Weebly css 和 html 代码只为网站上的所有页面使用一个主要内容背景(适合拖放区域的背景) .我知道如何自定义它,但我不知道如何创建 more/different 主要内容背景并将每个背景用于特定页面。我怀疑我需要一个脚本,或者在每个页面的 header 中输入特定代码,但我不知道。
在 header 代码中插入背景等替代选项本身将不起作用,因为这在调整浏览器 window 大小时不适合。
非常感谢您的帮助:)
Weebly 上的每个页面都有一个 wsite-page-...
class。例如,以 Weebly 制作的 this 网站为例。背景在 #wrapper
div 元素上,但此页面上的 body
标签上有 wsite-page-my-story
class。此 class 对于此页面是唯一的。因此,我可以通过 body 的 class 识别它,将 CSS 应用于 #wrapper
id,如下所示:
.wsite-page-my-story > #wrapper {background:red;}
这将使特定 Weebly 页面的背景变为亮红色。这个当然可以换成别的。
我有一个 Weebly 网站,默认的 Weebly css 和 html 代码只为网站上的所有页面使用一个主要内容背景(适合拖放区域的背景) .我知道如何自定义它,但我不知道如何创建 more/different 主要内容背景并将每个背景用于特定页面。我怀疑我需要一个脚本,或者在每个页面的 header 中输入特定代码,但我不知道。 在 header 代码中插入背景等替代选项本身将不起作用,因为这在调整浏览器 window 大小时不适合。
非常感谢您的帮助:)
Weebly 上的每个页面都有一个 wsite-page-...
class。例如,以 Weebly 制作的 this 网站为例。背景在 #wrapper
div 元素上,但此页面上的 body
标签上有 wsite-page-my-story
class。此 class 对于此页面是唯一的。因此,我可以通过 body 的 class 识别它,将 CSS 应用于 #wrapper
id,如下所示:
.wsite-page-my-story > #wrapper {background:red;}
这将使特定 Weebly 页面的背景变为亮红色。这个当然可以换成别的。