How to add a background image

Want to make use of a seamless tile background?  It's pretty easy--just follow these steps:

  1. Log into your HSB account and open the template editor ("Settings," "Template
  2. Fairly close to the top of your code, you will see a section that looks something like this:

body {
    background: #FFFFFF;
    background-image: url(http://i201.photobucket.com/darkwoodbb.jpg);
    background-repeat: repeat;
    margin-left: 0px;
    margin-top: 0px;
    background-color: #FFFFFF;
    margin-right: 0px;
    margin-bottom: 0px;

     This is part of your CSS code: the part of your template that tells the browser how to display each page.  In the "body" section, you can control the background color, the margins, and--of course--the background image.
      3.  You need to decide just what you want as your background picture.  Make sure it's uploaded to either HSB or Photobucket.
      4.  Whether uploading to HSB or Photobucket, you will need to copy the image URL.  Come back to the template editor, and paste your code in place of the bold words:

      background-image: url(http://i201.photobucket.com/darkwoodbb.jpg);
     
     5.  Be sure to hit "preview" before you save--it's a good idea to make sure everything is looking right. 

     



| Feedback (2) | Leave Feedback | Permanent Link



Feedback

Aug. 2, 2008 - Untitled Comment

Posted by chezdak
thankyou! Your site is so much helpfuller than forums! It should be highly reccomended for children who can't understand all the complicated grown up stuff

Chezdak
| Permanent Link

Sep. 2, 2008 - Untitled Comment

Posted by chezdak
I'm thinking of designing my own template, thanks to your tutorials I know how, but the trouble is if I already have a HSB template will it mess it all up FOR the HSB template ( I mean for other people who want to use that paticular template ) that already exists if I try to design my own one but there is already an existing one. Please reply soon
Chezdak
| Permanent Link

About Doodles

Photobucket

Welcome! Feel free to look around--everything provided on this site is free. You'll find tutorials, background tiles, and more! Enjoy!


Visit me at the Tack Room!

Request a Template

Need a template makeover? Send me a PM with your request, and I would be more than happy to accommodate you! For more information, see the instructions on my home page.

Current Customers

Hannah11

Doodlebug

Navigation

Home
View my profile
Archives
Friends
Email Me
My Blog's RSS

Blogs I've Designed

The Study

Obey God

The Tack Room

Poetic Voice

Training Jeffrey

Alondae

Doodle Crossing

Musically Speaking

NaNoWriMo Lounge

Dad 4 Him

Monkeyhippo9

Tutorials

Index

How to upload pictures

How to post pictures

How to put pictures and graphics in your sidebar

How to add categories to your sidebar

How to add a background image

Help! Categories troubleshooting

Background Tiles

Index

Outdoors/Nature

Pets and Animals

Books and Writing

Other

Bordered Backgrounds

Index