Мне нужно поставить другой фон для моей домашней страницы моего сайта
Я делаю сайт Weebly и хочу создать другой фон только для домашней страницы. Моя тема не поддерживает многочисленные темы, какие-либо идеи, как мы можем обойти это?
2 ответа
Я знаю, что вы можете добавить только один фон на область тела. Но если вы ссылаетесь на свою домашнюю страницу, есть несколько областей, в которых вы можете настроить или настроить фон.
Единственная хитрость - найти, какие селекторы нужно редактировать. Также рекомендуется добавить полный 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 способ редактирования Weebly Background для более подробной информации.
Вы также можете использовать слайд-шоу фонового изображения на всю страницу, чтобы показать различные фоны.
Порекомендуйте это. Вы можете сделать каждую страницу с разным фоном. Ссылка на несколько интересных примеров.
<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>