Logo and buttons (header)

[nomad]

Hi all, I need your help. How can I have the header like this one in vbulletintemplates.com or yaxay or xelation (only for example)?
How can I have a long logo row and a long button row behind the logo row?

Thanks in advance, Nomad.

[Tony G]

It's all HTML. Just edit your "header" template.

[nomad]

]Yes, I know that I have to edit "header" template, but I don't know how to start to make this kind of change. I don't want that u code it for me, but give me only tips so i can do it by myself and i can learn something news.

Thanx for your quickly reply :)

[turdboy]

Look in the image folder for all the images that say top_calendar top_logout ect ect change the buttons in photoshop so that overall they reach what ever size you have you forum set at +20 and all look the exact same only text is different.

Now upload them and go to the header find the top links that look like this

<a hfer=www.menngf.php><img=top_calendar alt Click here></a> and <a hfer=www.mentfgyfgngf.php><img=top_logout alt Click here></a>

make sure there is no space between them so its
<a hfer=www.menngf.php><img=top_calendar alt Click here></a><a hfer=www.mentfgyfgngf.php><img=top_logout alt Click here></a>

Do that for all the buttons and in the end result it should look like a long bar under the header. If there isn't enough buttons to fill up the full border to border make a button with no txt on it the width you need it to be so that it fits snuggly in the empty space and it pushes the buttons to both sides of the forum border.

Also make sure that if your using small buttons they have a a height of atleast 25 pxs. If there smaller then that add some extra empty invisible space to the buttons on the button.

This is what I did and it worked fine.

[Tony G]

Well I can give you my code but involves alot of imaging. You need all your images first and then we can go to the next step.

[turdboy]

Yea images are the most time consuming part after that your on easy street.

[Tony G]

Then it's as simple as using table tags around these images. Code should be easier. :)

[nomad]

]Tony, if u can give me ur code i can study it! However i'm working on image right now :)


Thanks to tony and turdboy for ur quick and important help :)

[turdboy]

Well here's mine you can just edit the image folder and keep the names of the images to make it easy on you.

Find <!-- toplinks --> and replace with the following all the way to <!-- /logo and buttons -->

It's all one continuous line so I'll post the txt so not to stretch out the post.

[nomad]

]Ok, i write it down so i can study it :)
But this code don't realize two rows:
first one with logo
second one with buttons bar
or maybe i'm wrong...

[turdboy]

Originally posted by nomad[op]
Ok, i write it down so i can study it :)
But this code don't realize two rows:
first one with logo
second one with buttons bar
or maybe i'm wrong...

I didn't really follow that. If you mean it doesn't include the banner at the top I can post it with it if you like but I figured you had that part done.

[Tony G]

Another good thing to do is split the banner into two images. This can help with layout. :)

[nomad]

]Ok!!! I made it, thanks a lot dudes :)
U, and this board too, give me a GREAT help!

Now i can dedicate myself to create my own graphics ;)

Thanks again!

[Tony G]

Your welcome. This forum is full of all the support you'll ever need.

Come again. :)