Code: [faq] 97.2answer (2017-04-03 21:36:25, diff)Sev: 1
English (LJ):
If you are using more than one GLOBAL_HEAD override (such as a font override and a background override together), you will need to <a href="http://www.livejournal.com/users/howto/926.html">merge them together</a>.

The following override will add a background image to your journal:<lj-raw>

<blockquote></lj-raw>GLOBAL_HEAD&lt;=
&lt;style type="text/css"&gt;
&lt;!--
body {
background-image: url(<lj-raw><i>http://www.example.com/image.jpg</i></lj-raw>) !important;
}
--&gt;
&lt;/style&gt;
&lt;=GLOBAL_HEAD<lj-raw></blockquote>

Within the code, <i>http://www.example.com/image.jpg</i></lj-raw> 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.

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 <b>background-attachment: fixed !important;</b> to the middle line of the above override code, like this:<lj-raw>

<blockquote></lj-raw>GLOBAL_HEAD&lt;=
&lt;style type="text/css"&gt;
&lt;!--
body {
background-image: url(<lj-raw><i>http://www.example.com/image.jpg</i></lj-raw>) !important;
background-attachment: fixed !important;
}
--&gt;
&lt;/style&gt;
&lt;=GLOBAL_HEAD<lj-raw></blockquote>

<br />
<h3>Further Reading</h3>
<ul>
<li>From the <lj user="howto"> journal: <a href="http://www.livejournal.com/users/howto/8885.html">More on Background Images</a></li>
</ul>
Russian: