First off an excellent resource for background images here:
Free Background ImagesHoliday backgrounds can be found here:
Holiday Background ImagesOkay so you install a stylesheet and you:
a. Do not care for the background image in the style
b. Do not want a background image
c. Want to put your own background image in
d. Want to put a Holiday background image in
Easy!
Go to
Manage Styles >
Modify StyleUsing the dropdown box choose the style you want to change the image in.
Click
pick style button.
After the page reloads go all the way to the bottom of the page to where you can edit the css.
Look for the following section and put YOUR background image url in place of the one that is there.
Change
background-color to a color of your choice. This would be the color you want the background
to be should someone using your forum have graphics turned off in their browser.
If you do not want a background image at all:Remove the
background-image part of the code and change the
background-color to reflect your color choice.
When done click MODIFY STYLE at the bottom of the page. Refresh your browser to see the change.
/* The main body of the entire forum. */
body
{
background-color: #E6E6E6;
margin: 0px;
padding: 10px 30px 4px 30px;
background-image: url(http://i148.photobucket.com/albums/s20/smfstyles/luna5blue/computerbackground4.jpg);
}
Navigation LinksKeep in mind that if you remove the background you may not be able to see the navigation links that are just underneath the Home/Search/Profile/Arcade etc buttons.
Example: There is a light colored background in the style.
You remove the background and replace it with black or a dark background.
You can no longer see those nav links because they were black (or another dark color) so they would show up on the light background.
You can change those by looking again in the css (see steps above to get there)
Look for:
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #1F3F81;
text-decoration: underline;
}
Change
color: under
.nav, .nav:link, .nav:visited to the color you want the links to be
Change
color: under
a.nav:hover to the color you want them to be when you hold your mouse over them