Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
Background Image; Forum background image code
Topic Started: Jan 15 2014, 07:28 PM (212 Views)
NWOntario
Member
[ * ]
looking for the the code and location to add a stationery forum background image. Thank You.
Offline Profile Quote Post Goto Top
 
Moonface
Member Avatar


There are two areas of the theme where you can change the background.

First, go to the Board Themes page.

Then, click Edit Theme Appearance to view the CSS (the code used to style the theme).

The Blue area surrounding the board:
Find the following CSS snippet at the top of the CSS:
CSS
 
html,body {
background:#5a70b3;
color:#000;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}


To change the background colour: Change the hex code (#5a7b03) to another.
To add a background image:
Replace the background line with the following:
css
 
background-image: url( IMAGE URL);

For background positions, please see this documentation.


The white main content of the board


Find this CSS snippet:
css
 
#wrap {
background:#fff;
border:1px solid #3A5197;
margin:0 2% 30px;
}

See above instructions to alter the background colour/add a background image.
Offline Profile Quote Post Goto Top
 
NWOntario
Member
[ * ]
Appears as though the background image in this case is an inner area defined inside html, body.
Offline Profile Quote Post Goto Top
 
NWOntario
Member
[ * ]
I'm going to do your tutorials here and try and get a little better at understanding the CSS so as to not have to ask really simple questions. Thanks.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards Support · Next Topic »
Add Reply