add a background image to your navbits
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%"> Code:
<td class="altbg" width="100%"> Code:
.altbg { background: #FFFFFF url(wherever your image is located.gif) no-repeat top left; height: 54px; width: 100%; vertical-align: text-bottom; } 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: in your navbar template find: Code:
<!-- breadcrumb, login, pm info --> <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> Code:
<!-- breadcrumb, login, pm info --> <table class="altbg" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> Code:
<td class="alt1" width="100%"> <if condition="is_array($navbits)"> Code:
<td width="100%"> <if condition="is_array($navbits)"> Code:
<if condition="$show['member']"> <td class="alt2" nowrap="nowrap"> Code:
<if condition="$show['member']"> <td nowrap="nowrap"> Code:
<else /> <td class="alt2" nowrap="nowrap" style="padding:0px"> <!-- login form --> Code:
<else /> <td nowrap="nowrap" style="padding:0px"> <!-- login form --> Code:
.altbg { background: #FFFFFF url(streetrod/misc/navbits_bg.gif) repeat-x top left; height: 54px; width: 100%; vertical-align: text-bottom; border: 1px solid #0B198C; } 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 Download No files for download. |