Header

[Eddy Matthews]

I'm using SMF 2.0.4 with the SMF Default theme - Curve.

I'd like to replace the header with the file I've attached to this message, but I just cannot seem to get it to work. I've tried adding it in "Logo image URL", but it wont display full width - Can anyone help please?

I tried a couple of mods that supposedly allow this sort of thing, but they won't install properly because of conflicts with other mods I'm using.

Regards
Eddy

[Fog]

Your header, from I see, is 1500px by 99px and if your forum is only 1024px wide for example it won't display the whole thing.  If your monitor resolution settings are less than 1500px wide you'll have the same problem.

My suggestion is to downsize the header to 1024x99 ie. and see how that fits into your theme. If it fits fine at that point its a size issue rather than you using other mods.

[Eddy Matthews]

Thanks fog, but I've tried the image at all sorts of different sizes....

It will display, but I need it to fill the entire width of the forum and be centered. At the moment it displays on the left, with a blank space where the SMFLogo was.

I hope that helps?

Regards
Eddy

[Fog]

Are you going into Admin and click on Current Theme and inserting a image URL where is says this: Logo image URL:
(leave blank to show forum name or default logo.)?

[Eddy Matthews]

Are you going into Admin and click on Current Theme and inserting a image URL where is says this: Logo image URL:
(leave blank to show forum name or default logo.)?

Yep thats what I've tried fog....

Regards
Eddy

[Fog]

OK....can you get to where you can edit your index CSS?

[Eddy Matthews]

Yes I can edit the index CSS, no problem there - I just need a hand to know what to change

Regards
Eddy

[Fog]

Find this: (it's going to be about half way down)

Code Select Expand

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
}

Change it to this to see if this is the direction you want to go.

Code Select Expand

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding-left: 200px;
float: left;
}

I'm using 200px as a starting point because it will show you more or less how it will move your header more towards the center.

[Eddy Matthews]

Magic fog, a setting of 150px has it just about centered.... No how can I make it the full width of the forum?

Regards
Eddy

[Fog]

That is where you have to decide how you want your forum to be displayed.

What looks good on your monitor may not be the same as another persons.

If you go back to Admin and Current Theme what do you have in place for this?

Forum width:
Set the forum width. Examples: 950px, 80%, 1240px.

Also what width do you have your header at?

[Eddy Matthews]

The forum width is set at 95%. Where do I set the header width? I don't have that as an option, or is it hidden away in a css file?

Regards
Eddy

[Fog]

You have no control of the width of the header when you plugin a URL under the Current Theme controls.

Can you post the URL that you have inserted under the Admin Controls?

[ARG01]

A basic margin: 0 auto; should center the image regardless of wrapper width. Using a padding px will not appear the same on very screen resolution.

But something like this would be ideal if you add the image in index.css:

Code Select Expand

background: url(../images/image.png) 0 50% no-repeat; margin: 0 auto;

[Fog]

Eddy...ARG is showing you a way to add a header or banner outside the main block.

The way I'm showing you is how you add a header inside the main block using the Current Theme settings and a little editing of your CSS.

And there is yet another way to display a header if you want to get rid of the main block png all together.

[Fog]

Using a padding px will not appear the same on very screen resolution.

This is true and what may look good on your monitor may not look good another monitor.

If you were to have your theme set to a certain width in px instead of a % the padding will work better.

Knowing the width of your header is important because at that point you can adjust your forum width to match it.

For example if your header was 1150px wide you could set your Forum width to 1250px and then adjust your padding to center it to your liking.

[Fog]

This is a sample of how to do a header or banner...



If you want to use a header or banner outside the main block use ARG's Code.

If you want to use a header or banner inside the main block then use the other code.

[Eddy Matthews]

You have no control of the width of the header when you plugin a URL under the Current Theme controls.

Can you post the URL that you have inserted under the Admin Controls?

The URL is http://ddmbc.co.uk/smf/top_logo.gif

I do want to keep things within the main block, not outside it. I've set the forum width to 1240px and resized the image to 1200px - But it still doesn't fill the full width of the header

Eddy

[Fog]

Your URL suggests that the image is 1002px wide....

If you change your forum width to 1024px it should help fill up the top part.

or try and resize your image again.

It's just a matter of a few little tweaks now.

[Eddy Matthews]

Thanks fog, you were right, I'd uploaded an old copy of the image - It's now 1200px wide and fits fairly well. Just need to edit the logo file so it has rounded corners to blend in better with the theme.... Another learning curve! I'm useless with graphics!!

Eddy

[Fog]

I wish I was better at graphics too...

I hope you're on the right track now...