ProfileSkins02: Backgrounds

[Mimi58]

Adding a background to a profile page is done the same as you would do for a web page. If you are going to use an image, the image needs to be uploaded to an image sharing site or to TBD itself. You'll need the link to the image which you will add to the code.

The very basic code for adding an image is"
body {
background-image: url("IMAGE_LINK");
}

Replace IMAGE_LINK with the link to your image.

Most people also choose a color for the background that is similar to the main color of the image. That way, if you choose a dark image and change the text to a light color, the text will still show if something happens to prevent the image from loading. Notice this code just uses the word "background" and not "background-image". This is called background shorthand because it changes more than one thing.

body {
background: #660000 url("IMAGE_LINK")
}

You can learn more about CSS backgrounds at w3schools:

Background Color: https://www.w3schools.com/css/css_background.asp
Background Image: https://www.w3schools.com/css/css_background_image.asp
Background Repeat: https://www.w3schools.com/css/css_background_repeat.asp
Background Attachment: https://www.w3schools.com/css/css_background_attachment.asp
Background Shorthand: https://www.w3schools.com/css/css_background_shorthand.asp

Some people like to have different backgrounds for the sections on the profile page. To do this, you must know the "name" of the sections so you can apply that background to only those sections with that name. More about this later.

[Aggie]

Thank you.