Version: 1.00, by tipoboy
Developer Last Online: Nov 2023
Category: Forum Display Enhancements -
Version: 3.8.1
Rating:
Released: 03-18-2009
Last Update: Never
Installs: 42
Re-useable Code Additional Files Translations
No support by the author.
Just a simple mod that will allow you to add a background image to your navbit table, as per this request.
in your navbar template find the first instance of:
Code:
<td class="alt1" width="100%">
and replace with:
Code:
<td class="altbg" width="100%">
and add this css to your additional css definitions at the bottom of your main css page
Code:
.altbg {
background: #FFFFFF url(wherever your image is located.gif) no-repeat top left;
height: 54px;
width: 100%;
vertical-align: text-bottom;
}
Remember to replace the RED writing with where your navbits background image is located, and you can change the background color (the blue text) from #FFFFFF to any colour you want for example if you have a black skin use #000000. If your using the original Navbar then an image height of 60px is a good size.
This is my first mod so please go gentle
screenshot:
Update:
As some of you were asking how to have this image stretch through your welcome back column also here's how i've done it:
and replace the code in red with your desired border colour and the blue with the desired background colour
screensot of streched image:
all done hope this helps!
PLEASE NOTE THE BACKGROUND IMAGE SIZE WILL REMAIN CONSTANT, MEANING IT WILL NOT CHANGE WITH YOUR BROWSER SIZE, ALL THAT WILL HAPPEN IS THE CELL WILL CHANGE SIZE AND EITHER LOOSE SOME OF THE IMAGE OR FILL WITH THE BACKGROUND COLOUR, THE IMAGE SIZE ALL DEPENDS ON THE SIZE OF THE IMAGE YOU'VE CREATED, THEREFOR IF ITS eg 468 WIDE AFTER THE CELL IS LESS THAN 468PX WIDE IT WILL CLIP YOUR BACKGROUND IMAGE, I HOPE THIS CLARIFY'S THINGS A BIT
Show Your Support
This modification may not be copied, reproduced or published elsewhere without author's permission.
i'm not getting you mate, could you firstly provide a link to the site where your having the problem?
secondly,a few questions
1. is it the default navbar or have you customized it?
2. did you apply the changes in both your navabr template AND add the additional CSS definitions
3. did you correctly add the path to the image in your CSS
Unfortunately i dont have that style nor have i used it, i would be more than happy to take a look if you would pm mewith details of a temporary admin account.
i'm unsure, i suppose you could possibly use either div's or a table and use a left and right image with a filler repeating image never had a need for stretchable image there before but it is certainly interesting, if you'd like me to give it a try pm me
Hey Tipo. Great mod, set it up just fine and it looks fantastic. But I have one problem. The part where it has the page navigation links, the end link doesn't parse.
I don't think I'm explaining it very well, so have a look yourself here
The part where the text is black, how do I fix that?
Hey Tipo. Great mod, set it up just fine and it looks fantastic. But I have one problem. The part where it has the page navigation links, the end link doesn't parse.
I don't think I'm explaining it very well, so have a look yourself here
The part where the text is black, how do I fix that?
I would use a custom css attribute to change the color of the text, if you would like me to do it for you please pm me with log in details mate