Site banner

[dave u]

I want to set up a full width option on the site, so people have a choice of whether they have the fixed width as it is now, or the full width.

Now its pretty straightforward changing the vb template to fixed width, but where I come unstuck is with the top banner.

I know that I need the banner split into three parts, the left section, a repeateing background in the centre, and the right section. I also know the right section has to be set so it 'floats' depending on how wide people have their browser.

What I can't do is write the actual code to make this happen. I know where the code has to be pasted into, but don't know how to actually create it.

Can anyone help with this??

[cochcaer]

You need what is called a fluid style that can be customised by the user. I've added a grab from my site, the banner is in two parts so can stretch or narrow by overlapping.

[dave u]

Originally Posted by cochcaer

You need what is called a fluid style that can be customised by the user. I've added a grab from my site, the banner is in two parts so can stretch or narrow by overlapping.

The way you have your banner is completely different to mine by the looks of it though. You have part of it as a background image or something do you not?

The way I want to do mine is to have the left secrtion with the logo and text and the right section featuring Digger, Kenny and Emlyn. I assume I'd need to set the blank middle section of it as a background, and set it to repeat for when people stretch the page?

I'm thinking maybe your way sounds a bit easier though now?

[Nick Leeson]

This is what you're basically trying to achieve I think but I have no idea how vbulletin gives users the ability to select a fluidity style: I'd really need to look at the cpanel to be honest to see what options are available.

<table border="0" cellpadding="0" cellspacing="0" align="center" background="yourstretchy background bit.jpg">
    <tr>
        <td align="left"><img src="http://www.liverpoolway.co.uk/images/leftbit.gif" border="0"  /></td>
        <td align="left"><img src="http://www.liverpoolway.co.uk/images/rightbit.gif" border="0"  /></td>
    </tr>
</table>

[dave u]

Originally Posted by GAYER

This is what you're basically trying to achieve I think but I have no idea how vbulletin gives users the ability to select a fluidity style: I'd really need to look at the cpanel to be honest to see what options are available.

<table border="0" cellpadding="0" cellspacing="0" align="center" background="yourstretchy background bit.jpg">
    <tr>
        <td align="left"><img src="http://www.liverpoolway.co.uk/images/leftbit.gif" border="0"  /></td>
        <td align="left"><img src="http://www.liverpoolway.co.uk/images/rightbit.gif" border="0"  /></td>
    </tr>
</table>

I just need to paste that into the relevant bit (might be in 'header' or 'headinclude' I don't remember), it's quite straightforward from what I recall. The only thing I'm not sure of, is concerning my 'stretchybackgroundbit.jpg' Do I need to make that a specific size, or I do I just put a small one in and have it 'repeat'?

As for giving people the option, I think there's a drop down box that appears on the bottom of the page allowing people to select which style they want. I just need to enable it.

[Nick Leeson]

Yeah but when you enable it, does it alter the width of the table depending on their choices? And yeah you just need to make the graphic, html/thebrowser takes care of the tiling. You wont need to set it to repeat, it just will and you wont need to set a size, it'll just repeat it.

[cochcaer]

Originally Posted by dave u

The way you have your banner is completely different to mine by the looks of it though. You have part of it as a background image or something do you not?

No, on the left is a static logo jpeg, on the right is two images, the background image you spoke with be the underneath image so they can overlap.

Have a look at the styles on the mod site and you'll see some listed as 'fluid'. It helps as whatever the monitor or browser the end user can adjust the width to suit.

[real red]

This might be what you need for your middle bit, or the background, but I've not read the thread properly.



I'm still wondering what Cochcaer's yellow-and-black colour-scheme is for.

[dave u]

Originally Posted by real red

This might be what you need for your middle bit, or the background, but I've not read the thread properly.

Yeah that's what I've got for that. I'm gonna have a crack at it while I'm watching the game now.

[real red]

Shit! The game! Where did the time go?

[Paul]

Usher you fucking traitor - I thought you were supposed to be a techie div. When did you learn to speak nerd?

[dave u]

Originally Posted by Paul

Usher you fucking traitor - I thought you were supposed to be a techie div. When did you learn to speak nerd?

My nerd speak is a bit like Marcel Desailly's English.

[cochcaer]

Originally Posted by real red

I'm still wondering what Cochcaer's yellow-and-black colour-scheme is for.

My forum, I use the same board as Dave. I could sell the skin to a Wolves fansite.

[dave u]

I've used the code that gayer posted, (with a couple of changes as he had the right side banner alligned left). It's worked, except for the fact it isn't full width and it appears to be centred?

[Owen]

So it doesn't work then?