Code to Put a PhotoBucket Picture as a Background
You can use images hosted on Photobucket to make a background or illustration for a Web page by inserting the address of the picture along with the correct code. The exact code may vary slightly from the example given here, depending on how you want your background image to appear.
Other People Are Reading
-
Photobucket
-
You can use Photobucket to upload images and videos. To do this, you must register an account. You can then share pictures via email, on auction sites, over message boards and social media, or on your website. As well as placing a link to the location of the image on Photobucket, you can place the image on your site. As the bandwidth for Photobucket is limited, you must make sure your agreed bandwidth is sufficient to cover all of the page views your site typically receives.
HTML Tags
-
You can use HTML (hypertext markup language) to determine the appearance of your Web page: font, colors, links, the position of the various elements on the page, images and backgrounds. By placing the URL (address) of the image between the image or embed tags, you can place it on your website as an illustration. Using a similar code, you can use the image as a background. The HTML code to set a background image is as follows:
<body background="yourphotobucketimage.jpg">
Replace "yourphotobucketimage.jpg" with the real URL of your background picture on Photobucket.
-
CSS Code
-
HTML lets you apply a simple background to one page on your site. CSS (cascading style sheets) allows you to do more. You can specify how the image should appear: tiled, repeated, not repeated or centered. You can also specify that the same image form the background across all of the pages on your site. The CSS code to place your image as the background of one page would be:
body {
background-image: url("http://yourphotobucketimage.jpg")
}You can specify the position using the background-position property, and the repeat using the background-repeat property. Should you want to set the same picture as the background across all pages, you can use the background: property.
Social Networking Sites
-
You may be able to set your Photobucket picture as the background image on some social networking sites' profile pages. Some sites have their own code or system to let you do this; others, such as Myspace, require you to input HTML or CSS code to display your picture as the background image.
-
References
Resources
- Photo Credit Jupiterimages/Photos.com/Getty Images
