| Author |
 Topic Search  Topic Options
|
mattysdad 
Groupie
Joined: 24 February 2008
Status: Offline
Points: 47
|
 Post Options
 Thanks(0)
 Quote  Reply
 Topic: Background Image.
Posted: 22 July 2008 at 10:33am |
Hi everybody.
I wonder if anyone could tell me how I could have a background image in my forum on the main forum page?
I would imagine it would have to be a faint image so as not to interfere with the text, could one of you uber experts tell me how to do it?
I'm the upper end of noob in experience.
Oh, and how would I put ads around the borders (left nad right) and across the bottom?
Thanks in advance guys.
Drew!
|
 |
Scotty32
Moderator Group
Joined: 30 November 2002
Location: Manchester, UK
Status: Offline
Points: 1682
|
Post Options
Thanks(0)
Quote Reply
Posted: 22 July 2008 at 6:21pm |
to add a background image just change the body section of the CSS to look like so:
/* Page body */
body{
background-color: #B1D5EC url(background.gif);
margin-left: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
} |
Place the image into the same folder as the CSS file, though you may need to rename the file name in the CSS (part highlighted in red above) On a sidenote, I see that you are using my skin and have overwrote the "Web Wiz" skin. You can just copy the "cool_blue" folder into the "css_styles" folder. Also it looks like you havent uploaded the header background image.
|
|
|
|
mattysdad
Groupie
Joined: 24 February 2008
Status: Offline
Points: 47
|
Post Options
Thanks(0)
Quote Reply
Posted: 22 July 2008 at 6:25pm |
Thanks for the quick reply scotty,
Yes I am using your excellent skin Scotty, can you tell me what you mean when you say I havent uploaded the header background image?
|
|
Scotty32
Moderator Group
Joined: 30 November 2002
Location: Manchester, UK
Status: Offline
Points: 1682
|
Post Options
Thanks(0)
Quote Reply
Posted: 22 July 2008 at 6:41pm |
If you have a look at my test/demo site you will notice the background image on the header (Eg where it says "Whats going on") which your site doesnt have. It fix this should simply be a uploading the " coolblue_toolbar_background.gif" into the "forum_images" folder (right click on the filename and click "Save As" if you dont have the file)
|
|
|
|
mattysdad
Groupie
Joined: 24 February 2008
Status: Offline
Points: 47
|
Post Options
Thanks(0)
Quote Reply
Posted: 22 July 2008 at 6:49pm |
FIle was already thereScotty?
What should I do now? (perhaps I should chamge that self assessment of Upper end of noob, to lower end!!!! LOL @ me!
|
|
Scotty32
Moderator Group
Joined: 30 November 2002
Location: Manchester, UK
Status: Offline
Points: 1682
|
Post Options
Thanks(0)
Quote Reply
Posted: 22 July 2008 at 7:00pm |
Actually its my fault, it appears I've linked to the image in the CSS file wrong. I'll update my skin shortly but the quick fix is to change the following
url('../forum_images/coolblue_toolbar_background.gif'); |
to
url('../../forum_images/coolblue_toolbar_background.gif'); |
(notice the extra "../" at the start)
|
|
|
|
mattysdad
Groupie
Joined: 24 February 2008
Status: Offline
Points: 47
|
Post Options
Thanks(0)
Quote Reply
Posted: 22 July 2008 at 7:09pm |
|
Done that, did that fix it Scotty?
|
|
Scotty32
Moderator Group
Joined: 30 November 2002
Location: Manchester, UK
Status: Offline
Points: 1682
|
Post Options
Thanks(0)
Quote Reply
Posted: 22 July 2008 at 7:17pm |
yep, also i noticed i made an error when i told you how to add a background image, it should be:
/* Page body */
body{
background: #B1D5EC url(background.gif);
margin-left: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
} |
|
|
|
|
