Margin at top,need more help

[daveb47]

My board is
http://pricedofftheroad.com/forum

I want to move theme of forum down so top part of background is showing to match homepage

http://pricedofftheroad.com/

Any one tell me how to do this please

SMF 2.0 RC5
Charcoal by Grumpy

[kat]

OUCH!

Can't view either page, I'm afraid...

Template Parse Error!
It seems something has gone sour on the forum with the template system. This problem should only be temporary, so please come back later and try again. If you continue to see this message, please contact the administrator.

You can also try refreshing this page.

[daveb47]

i was trying to figure it out myself,also move time up a bit,but bit outof my depth i think lol

All working now

[kat]

This code's deprecated, now, apparently.

It still works, though.

In the theme's index.template.php file, right after the opening body tag, try adding this, on a new line:

Koodi [Valitse] Laajenna

<center><img style="margin-top:6px" border="0" src="/Banner.gif" width="800" height="90" alt="Forum" title="Forum" /></a></center>

Obviously, you'll need to change margin, width, height, alt and title, to suit.

That code assumes that the banner is in the root of the forum and it's named "Banner.gif", which you can change, obviously.

That any use?

Or, have I got the wrong end of the stick?

[daveb47]

Thanks k@,but not what i am trying to do.
I am trying to move complete forum down so it is positioned the same as wordpress is in homepage,with part of background showing above it and acting as banner.

[ARG01]

It's as simple as making a margin change in index.css.

Find:

Koodi [Valitse] Laajenna

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
padding: 10px 0;
min-width: 780px;
max-width: 2300px;
background: #101010;

}

Change to:

Koodi [Valitse] Laajenna

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 60px auto;
padding: 10px 0;
min-width: 780px;
max-width: 2300px;
background: #101010;

}

and adjust the 60px to your liking.

[daveb47]

It's as simple as making a margin change in index.css.

Its only simple if you know how lol

Many thanks

[Gary]

ARG - That 60px would then be applied to all sides, so you'd have large amounts of empty space at the bottom. Which would be bad.

Instead, within the same class, add a margin-top: ##px; to it, (where ## is the value you want) and it should move downwards, without empty space at the bottom.

K@ - what is it with you and deprecated/invalid code?

[kat]

If it works, why worry?

My old MGB GT is deprecated.

Still better than many modern cars.

[ARG01]

ARG - That 60px would then be applied to all sides, so you'd have large amounts of empty space at the bottom. Which would be bad.

On my test site it seemed to work flawlessly. The 60px is for the top, the auto seems to handle sides and bottom spacing just fine. I had no empty space at the bottom and the sides remained just how they were with the standard, unchanged css. 

[daveb47]

Still having problems with this,had it working with pixel perfect theme,but theme itself was very buggy.
Using blackbox205 theme now,but eem to have a dark box covering header part of backgroung image.

background should be



But part with title isnt showing.

I have attached index.css

Thanx

[Madzgo]

Line 54,
replace the margin: 120px auto;
to - margin: 0 auto;


Then,
line 3501.
Add
padding-top: 100px; (or whatever suits you)

And thats it.

[daveb47]

Made those changes,
updated index.css attached

But board has gone out if alignment with background.

Edit
Forgot to remove px from top edit,but had to remove

   

Koodi [Valitse] Laajenna

padding: 0px 0 0 0;

from below second one

Many thanx for your help.

[Madzgo]

Because you didn't did what I told.

You deleted margin: 120px auto;
but you were supposed to place
margin: 0 auto;