我需要为我的weebly网站的主页添加不同的背景

时间:2014-07-30 17:52:48

标签: html background background-image weebly

我正在制作一个Weebly网站,并希望为主页制作不同的背景。我的主题不支持众多主题,任何想法我们如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

参考this。您可以使每个页面具有不同的背景。请参阅链接以获取一些有趣的示例。

<html>
<body background="bgimage.jpg">
<h1>Hello world!</h1>
<p><a href="http://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
</html>

试试这个css代码

<style type="text/css">
body { background-image:url(images/bg_fullpagehome.gif) }
</style>

答案 1 :(得分:0)

我所知道的是你只能在身体区域添加一个背景。但是,如果您参考您的主页,您可以配置或自定义其背景的多个区域。

唯一的技巧是找到要编辑的选择器。建议在将图像用作背景时添加图像的完整URL。

尝试在首页标题代码框中添加以下内容:

<style>
#header {
background: red !important;
}
#topnav {
background: blue !important;
}
#nav-wrap {
background: yellowgreen !important;
}
#logo-wrap {
background: cyan !important;
}
#main-wrap {
background: green !important;
}
#main-wrap .container {
background: grey !important;
}
#main-wrap .inner-container {
background: silver !important;
}
#main {
background: orange !important;
}
#content {
background: indigo !important;
}
#header-wrap {
background: violet !important;
}
#footer-wrap {
background: yellow !important;
}
#footer {
background: black !important;
}
.blog-sidebar {
background: white !important;
}
.blog-body {
background: purple !important;
}
#banner-wrap {
background: brown !important;
}
</style>

寻找变化。这可能不是最佳答案,但这是一个良好的开端。 您可以访问Advance way of Editing Weebly Background了解详情。

您也可以使用整页背景图片幻灯片显示不同的背景。