How do I customize the VBulletin Header?

michaeljvbull · 03-27-2007, 11:48 AM

I am in the process of evaluating forum software and hosts, but preparing for my soon to be made decision. What I'm curious about is how you go about replacing the VBulletin header. I want to have a picture in the background with text in the foreground.

What is the best source (tutorial?) where I learn how what is necessary to create a custom header and then insert it into the forum?

michaeljvbull · 10-07-2007, 05:05 PM

I saw this thread and was interested to read it. To my surprise it was me who started it, but I guess after more than 6 months waiting it's safe to assume no will be replying to this. Time to close or delete it?

dee · 10-09-2007, 09:32 PM

Replace it how? Change the image on a skin header?

goddess_dix · 10-13-2007, 07:43 PM

Michael-Well, the first place I'd suggest you start is looking at the vBulletin online manual, which has a full style reference.

You need to be able to work with the HTML. If you can't or aren't willing to do that part, then you'll need to hire someone to do it for you.

When I want to make a change in the header on a vBulletin skin, I start by poking around in the templates for vBulletin, seeing what is doing what. Look for where you want to make the changes in the skin you're using. Somewhere in the vBulletin options (can't remember where off the top of my head), there is an option to turn on comments for template names. Then you can compare the output of a "view source" on your browser, and you'll see the name of what template is creating what section of the page in the comments then, so you can know which templates to modify.

To change a header image, I'd expect you to be in the "header" template, or possibly the "navbar" template, depending on what you were changing where. If the code you were writing for your new header needed a table or div to contain it, you'll probably close it in the "footer" template.

The question is a bit too general for someone to give you step by step because how you do it depends on what, exactly, you're trying to do. But that should get you started, if you're so inclined.

Peace out.

michaeljvbull · 05-11-2008, 07:58 AM

Quote:

Originally Posted by dee

Replace it how? Change the image on a skin header?

Yes, to insert a custom picture replacing the default vBulletin image at the top; like the vBModder Taking vBulletin to a New Level at the top here.