need help w/ header layout

[b3zra1y]

Hi All -
We have moved an existing live megaBBS site (sailfishforums.com) over to a staging site running vBulletin 4. I've attached a screen shot of the staging site.

The header layout needs work.
I'm fine with the default VB4 theme, but am thinking that it would be best to pull the login fields at the very top to -- if possible -- take the place of the 'FORUM' and 'WHAT's NEW' links.

I know there are ways of getting rid of those tabs.
But I'm not sure how best to go about removing them while also dropping the login fields in their place.

I hope this makes sense.
THNX

[Lynne]

The login stuff is in the header template. The navtabs are in the navbar template. So, you would want to remove the navtabs from one template and then mover the login code to the bottom of the header template (and rewrite the CSS for it to put it in the correct place/style/etc).

[b3zra1y]

Got it.
Will try that.
I tried moving the login 'code' from the header template over to navbar - but that didn't work.
My CSS is rusty to be sure... but I'll give it a try.

Not sure if I'm the only one.... but I find the VB template system a confusing maze.

[TheLastSuperman]

Originally Posted by b3zra1y

Got it.
Will try that.
I tried moving the login 'code' from the header template over to navbar - but that didn't work.
My CSS is rusty to be sure... but I'll give it a try.

Not sure if I'm the only one.... but I find the VB template system a confusing maze.

Try this thread - https://vborg.vbsupport.ru/showthread.php?t=254794 it should help you move login to navbar .

[b3zra1y]

Hey Superman - that's super... uh... man !
That did the trick - and, to be sure, I would never have figured that out.
Just curious - is there any material out there that I could have looked at to come up to speed on my own ?

Also - I've attached what it looks like now (based on the great thread you pointed me to).
So now... I just need to push the toplinks over to the left a bit (assuming that's the best approach).
Is that a css change ? If so, can you point the way ?

THANKS !!!!

[Lynne]

Yes, that would be a CSS change. The best thing you can do is use firefox and get the firebug addon which allows you to see the CSS and try out different things. Then, once you figure out the CSS, add it to your additional.css template.

[b3zra1y]

Ok. So, I used FireBug to identify (and change in 'Live Edit' mode)... the position attribute of the .toplinks CSS element (to absolute). That allowed me to move the toplinks over to the left.

Here's the CSS markup that FireBug led me to:
.toplinks {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
font: 11px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: absolute;
right: 180px;
text-align: right;
top: 0;
}

(note that the 'position: absolute' and 'right: 180px' values are ones I changed)
But.... when I try to find this markup (or even a piece of it) that in any of the css templates (in admincp)... I'm coming up empty.
I'm using search templates.

Should I be able to find that markup verbatim in the css files in admincp ?

THANKS

[Lynne]

Just add your changes directly to the additional.css template. So, if you only changed the position and right properties, add this:

.toplinks {
position: absolute;
right: 180px;
}

[b3zra1y]

Awesome.
That does it.

THANKS Superman and Lynne !!!!!