Frequently Asked Question #97
How do I add a background image in S1?
You can add a background to your journal through the use of a GLOBAL_HEAD override, which can be entered in the Overrides section on the Journal Display page. Any image you wish to use must first be uploaded to a webspace provider that allows remote loading to LiveJournal.
If you are using more than one GLOBAL_HEAD override (such as a font override and a background override together), you will need to merge them together.
The following override will add a background image to your journal:
On some newer browsers, background images can be "fixed," so that the image will not move as you scroll down the page. To do this, just add background-attachment: fixed !important; to the middle line of the above override code, like this:
The following override will add a background image to your journal:
GLOBAL_HEAD<=Within the code, http://www.example.com/image.jpg must be replaced by the actual URL of the image you want to use as your background. If you would like to change the size of your background image, you will need to use a image editing program to do so; you can then re-upload the image. There is no way to stretch your background image.
<style type="text/css">
<!--
body {
background-image: url(http://www.example.com/image.jpg) !important;
}
-->
</style>
<=GLOBAL_HEAD
On some newer browsers, background images can be "fixed," so that the image will not move as you scroll down the page. To do this, just add background-attachment: fixed !important; to the middle line of the above override code, like this:
GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(http://www.example.com/image.jpg) !important;
background-attachment: fixed !important;
}
-->
</style>
<=GLOBAL_HEAD
Further Reading
- From the
![[info]](http://l-stat.livejournal.com/img/community.gif)
howto journal: More on Background Images
Last Updated:
November 3rd, 2007 (jc)
Back to the Customization in the Old Style System FAQ category.
Back to the FAQ listing.
Back to the FAQ search page.
Back to the support area.
