How To Add An Image to Your Nav Bar ( Behind Bread Crumb)

DieselMinded

RMD Owner

#1 03-15-2008, 12:30 AM

DieselMinded will become famous soon enough

Join Date: Aug 2007

Posts: 69

Location: OHIO

How To Add An Image to Your Nav Bar ( Behind Bread Crumb)

Create your IMG name it navbargrad.jpg

about 500px X 95px

upload to images/

Add New CSS

Go to your style then main CSS

then at the bottom in the additional CSS add

HTML Code:

.altbg {
background:#FFFFFF url(http://www.yoursite.com/images/navbargrad.jpg) no-repeat scroll right top;
color:#000000;
}

Thats white edit as need be

Then Edit the Nav Bar Template

Find

HTML Code:

<td class="alt1" width="100%">

Its Towards the top

Change to

HTML Code:

<td class="altbg" width="100%">

Demo: Diesel Bombers

--------------------
Diesel Forum - Diesel Directory - Diesel Clothes - Diesel Classifieds - Diesel Auction House

Last edited by DieselMinded; 03-15-2008 at 12:33 AM.

Quote |

Brandon

vBSetup Team
vBulletin Owner
vBSetup Owner

#2 03-15-2008, 12:42 AM

Join Date: Jul 2006

Posts: 10,604

Location: Topeka, KS

Re: How To Add An Image to Your Nav Bar ( Behind Bread Crumb)

That's sharp!
nice work mate

--------------------

Brandon Sheley / vBulletin Setup Staff
Check out our Newsletter for the latest vB and SEO news.
Are you looking for vBulletin work to be done on your forums ?
Would you like to Help Support vBulletin Setup.
Be sure to check out our latest Contest for a Custom Style.

Post your URL and a link to your vb.com username here to get full access.

Add our Facebook Blog, Group and LinkedIn group.. Thanks

Stay up to date by installing our Tool Bar

Quote |

ARealRedneck

vBulletin Owner

#3 03-15-2008, 04:40 AM

Join Date: Dec 2006

Posts: 800

Location: KY

Re: How To Add An Image to Your Nav Bar ( Behind Bread Crumb)

Yea, I like that.....it's real sharp!

--------------------
Do not PM me asking for help with your forum, this is what the forum is for.
Truck Drivers and the Industry

Quote |

SticKer

vBulletin Owner

#4 03-15-2008, 10:38 AM

Join Date: Jan 2008

Posts: 108

Location: www.webicy.com

Re: How To Add An Image to Your Nav Bar ( Behind Bread Crumb)

nice work. i might give it a shot.

--------------------
Webmaster Forum | Webmaster Blog | Web Directory

Quote |

DieselMinded

RMD Owner

#5 03-15-2008, 11:49 AM

Join Date: Aug 2007

Posts: 69

Location: OHIO

Re: How To Add An Image to Your Nav Bar ( Behind Bread Crumb)

Thanks ! And to Change the Bread Crumb Images just overwrite

images/misc/navbits_start.gif
images/misc/navbits_finallink_ltr.gif

See Attachment , I put a Truck in There then a TNT Detonator

Attached Images

1.jpg (31.3 KB, 32 views)

--------------------
Diesel Forum - Diesel Directory - Diesel Clothes - Diesel Classifieds - Diesel Auction House

Quote |

DieselMinded

RMD Owner

#6 03-15-2008, 04:33 PM

Join Date: Aug 2007

Posts: 69

Location: OHIO

Re: How To Add An Image to Your Nav Bar ( Behind Bread Crumb)

Ok I got the Posting Rules one Figured out ..

Create your IMG name it rulesbg.gif

about 417px X 125px

upload to images/

Add New CSS

Go to your style then main CSS

then at the bottom in the additional CSS add

HTML Code:

.altbgrules {
background:#FFFFFF url(http://www.yoursite.com/images/rulesbg.gif) no-repeat scroll right bottom;
color:#000000;
}

Thats white edit as need be

Then Edit the forumrules Template

Find

HTML Code:

<td class="alt1" nowrap="nowrap">

Its Towards the bottom

Change to

HTML Code:

<td class="altbgrules" nowrap="nowrap">

Demo: Diesel Bombers

You will have to go to a thread to see it

Attached Image Also

Attached Images

3.jpg (15.0 KB, 17 views)

--------------------
Diesel Forum - Diesel Directory - Diesel Clothes - Diesel Classifieds - Diesel Auction House

Quote |

Dave

Contributor
vBulletin Owner

#7 03-16-2008, 12:10 AM

Join Date: Jan 2008

Posts: 1,023

Location: Ohio

Re: How To Add An Image to Your Nav Bar ( Behind Bread Crumb)

Looks good, nice work sir!

--------------------
SEO Tips | SEO Tips Forum
Marketing & Promotion Forums | Affiliate Review Programs | Business | Digital Camera Reviews

Quote |

ArnyVee

vBulletin Owner

#8 05-15-2008, 06:42 AM

Join Date: Apr 2008

Posts: 1,492

Location: South Florida

Re: How To Add An Image to Your Nav Bar ( Behind Bread Crumb)

Those look nice.

I'll have to try it at some point to see how it looks on my site.

--------------------
www.WaltDisneyBoards.com

Quote |