Color Coded Stylesheet Help
October 21, 2021, 09:14:30 am
Welcome, Guest. Please login or register.

Login with username, password and session length
 
  Home Help Search Arcade Gallery Links Staff List Calendar Members Login Register  

Stylesheet Help: How do I remove/change a background image?

Pages: [1]
  Print  
Author Topic: Stylesheet Help: How do I remove/change a background image?  (Read 448 times)
simply sibyl
Administrator
*****
Posts: 35



View Profile
« on: March 22, 2007, 01:27:00 pm »

First off an excellent resource for background images here:   
Free Background Images
Holiday backgrounds can be found here:
Holiday Background Images


Okay 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 Style
Using 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.


Code:

/* 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 Links

Keep 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:

Code:

/* 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
Report Spam   Logged

Share on Facebook Share on Twitter



Pages: [1]
  Print  
 
Jump to:  

Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum
Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy