Logo image in 3.6.7 PL1 vB Revisited vBulletin style

I've downloaded this skin and am playing with it as the tabbed navigation is what I've been looking for for ages.

The problem I seem to have right now is that I can't seem to get a larger image into the logo spot. I need to have 96px high but no matter what I do whether it be changing the header template to give the <td height="96px"> or modify the relevent css value, I just can't seem to get my image to fit in.

Any help would be greatly appreciated, thank you.

should just need to replace the image -

the css is just for the background image :

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

and header is just in the table and is what is controlling the height :

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

your code in the header template should be whats above ?

if you wish to post the logo your trying to insert we can do it and pass the code back if its not working for you.
please also post a copy of the header template and will make sure its the same or the header works in the one you have.

will get it first thing in the am (3 am us central)

First of all, thank you for your prompt reply! I didn't think you'd reply so quick so please forgive the crappy image I'm attaching as it's nearly 1am here and you caught me just before I went to bed (GMT here).

Right, here is what the header looks like when I insert an image the same size as potential logo:

(image size: 474px by 96px)

Now, the CSS and the header are set to default in that image as the ONLY thing I changed was the logo location in the StyleVars.

Basically, I want to be able to put that sized image into the header row without breaking the design (including the 'break' under the tabs as shown in the picture).

Just incase you do *need* it, this is the code in my css/header:

Additional CSS Definitions:

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

(Customized in this Style):

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

Header:

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

Fingers crossed that a solution can be found! Thank you again!

easy fix - just need to let you know how to put it all together and all will be fine .

the header is controlling the height of the table - it is doing this, and it will effect the background since it is an image.

the header needs to have the 5 pxl white line on the bottom of it and the background image.

made a psd for this header being 96 pxls of content - width you can change if needed.

make the header the way you wish it to be - labeled content -

after your finished and have it saved - a 1 pxl background image from the right edge of the header is used for the background
- or can be just a one color background the right height with the bottom line on it.

attached images ( background is wider than normal for the example ) that makes a header with 96 pxls of content, has the line and works buy just simply uploading them.

need help putting it all together just ask - not a problem to get it done for you.

That's brilliant, thank you Santai... It was the white line on the bottom that was throwing me as it wasn't showing up on my monitor in photoshop (admittedly, i wasn't really looking for it, assumed it was part of the header! Never assume! )

But I've sorted the logo/headersize now which made me do a little happy dance...

Now, I have just 2 more questions before I commit myself to using this skin...

One, does your skins support vbadvanced? If so, how easy is the integration?

and two, I tried turning _tabheader_bg.gif into a gradient to tile but all I was successful in doing was making the gradient repeat across the header rather than tile. I tried a couple things I know how to do but it didn't make a difference. Is this because the background image is defined by the gfx_logo div rather than the <td> itself? Or am I'm just being stupid and can't make it tile?

Thank you again for your quick reply before and your help... The gradient isn't "make or break" but the vbadvanced support could make me have to move on so fingers crossed!

Ok, actually, I lied!

I have a bigger question that IS make or break...

The board that this skin would be on will need 9 tabs for navigation.

With my current resolution of 1440x900, everything works dandy...

But, it all goes horribly wrong at 800x600

Is there a way that the tabbed row can be 'under' the logo row so that if someone does have more than just the couple tabs like I do, that they'll "slide" underneath the logo? (as seen by my horribly rushed and amateurish mock up?)

*on tenterhooks for reply to this one!*

no problems --

will get this wrote up and posted in a few using the header you have posted for the changes.

vbAdvanced -

we use it for the entrance page here with vBa as an integration to goto ( another plug in - have seen it used on the forums also )

on the demo board its used as itself -

integration involves changing 2 templates. will make sure they are posted.


most other mods we have at one time or another integrated -

stats, shout boxes, arcades - most any plug in that uses the vB templates can be fully integrated.
this is one of our goals and things we will do / help with , you just need to ask

here it is :

the vBadvanced is here.


in the bottom block of the main css for the style ( on its own line some place ; we added it under

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

)
add :

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

the #CBE5FF ( in red ) is the background color of the tab area - the image is 5x5pxls - could be smaller - probaly 2x2 or 3x3 and not have the background colored line under them.
the attached image is 5x5 white image named : _tab-bg.gif : this needs to be uploaded into the misc dir for the style .


has 10 tabs in the header now - 11 will wrap under and to the right on a 770px width.

the white text for the welcome and log in - in the header - can be changed in the main css, bottom block : ( only posted the 1st part )

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

new header template :

Code:

Guests are not allowed to view code. To enable the
viewing of code, please click 'here' to register.

let us know if you need something changed or have any troubles .. .

You are my hero!

Right, your new header template works a dream, now I'm off to install vbadvanced for the first time and see if it will suit my needs and, if so, we have a winner! :P

Thank you again for your help and I REALLY can't tell you how much I appreciate it. The support and service you offer for a free product is second to none, let alone a paid for product.

Thank you again and I hope to become part of the community here now!

vBadvanced is pretty easy to install and work with.

ver 3 is they say more configurable and has more options than the 2 series.

may up grade this site to 3. and leave the other at 2. , this way we can help on both.


and yes - welcome to the community

any time you need help let us know and we will do what we can .. .

and thanks much