Tweak

InsaneJournal

Tweak says, "Come along, Pond!"

Username: 
Password:    
Remember Me
  • Create Account
  • IJ Login
  • OpenID Login
Search by : 
  • View
    • Create Account
    • IJ Login
    • OpenID Login
  • Journal
    • Post
    • Edit Entries
    • Customize Journal
    • Comment Settings
    • Recent Comments
    • Manage Tags
  • Account
    • Manage Account
    • Viewing Options
    • Manage Profile
    • Manage Notifications
    • Manage Pictures
    • Manage Schools
    • Account Status
  • Friends
    • Edit Friends
    • Edit Custom Groups
    • Friends Filter
    • Nudge Friends
    • Invite
    • Create RSS Feed
  • Asylums
    • Post
    • Asylum Invitations
    • Manage Asylums
    • Create Asylum
  • Site
    • Support
    • Upgrade Account
    • FAQs
    • Search By Location
    • Search By Interest
    • Search Randomly

How do I add a background image in S1?

Go to your Modify Journal page (https://www.insanejournal.com/modify.bml). Scroll down to the bottom and use the override code found below in your "Overrides" box.

Note that 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 (https://www.insanejournal.com/community/howto/1020.html).


GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(https://www.your-website.com/image.jpg) !important;
}
-->
</style>
<=GLOBAL_HEAD


Within the code, "https://www.your-website.com/image.jpg" must be replaced by the actual URL of the image you want to use as your background.

Any image you wish to add must first be uploaded to a webspace provider that allows remote loading. Please see https://www.insanejournal.com/support/faqbrowse.bml?faqid=47 or information on image loading requirements.


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" to the middle line of the above override code, like this:


GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(https://www.your-website.com/image.jpg) !important;
background-attachment: fixed !important;
}
-->
</style>
<=GLOBAL_HEAD

Last Updated:
February 10th, 2021 (squeaky)


Back to the Style System 1 (S1) FAQ category.
Back to the FAQ listing.
Back to the search page.
Back to the support area.

Home | Site Map | Manage Account | TOS | Privacy | Support | FAQs