Move the forum name?

[Mark_Breznay]

Hello:
I'd like to move my forum's name from the upper left hand corner, to top-center.  I'd also like to at a later date, add a center image.  I know this would need to be done in all themes/image files.  Can someone please show me what to do?
Thanks,
Mark

PS:  It's 2.0.5.

[kat]

Are we talking about the SMF default theme, Mark?

If it's a custom theme, you'll get better help in the theme's support topic.

[Mark_Breznay]

Yes, it would be on the default theme, as well as the others.  Do I need to contact the Portal peeps also, or will this work without getting them involved?

[kat]

It'll be something like index.template.php, I suspect.

The forum title seems to be defined as $txt['title'] But, I'm buggered if I can find that referenced, in that file...

I'm looking around, to see if I can figure this one out...

I've removed the title, myself. I just have a logo, instead.

[kat]

Oh, heck. I tried looking in index.css, too. The word "title" must appear a billion times, in there!

I think I'd better leave this for ARG someone who knows what they're doing to see...

[Kindred]

I believe that the forum name is only displayed in text if you don't have a logo...

and, in the default theme, the logo space is limited to the left and is buried in a bunch of CSS that keeps it there, even if you change the individual CSS that controls the logo/title.


So - your best bet, if you do't understand how to play around and debug CSS, is to create a logo with a whole bunch of transparent white-space to the left that will get it spaced to the location that you want...

[kat]

Ha!

This is a PURE GUESS!!! (Correct me, if I'm wrong, Kindred)

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;
}


If you changed "float: left;", wouldn't that move it, somewhere?

[Mark_Breznay]

Seems to be a lot tougher than I thought.

[Kindred]

that is actually the individual section that contols the forum title, K@...

However, if you use firebug, you'll notice that it's actually buried inside a few others which means that it's a little more complicated to move it than just removing the float...  (I believe - based on the last time that I tried to change the header around)

[kat]

Ta, Kindred!

In this lark, that's often the way of things, Mark.

[Mark_Breznay]

On another forum software I have used in the past, I believe you moved it on index.php, but this one is different.  Nonetheless, I am very satisfied with SMF.
Mark

PS:  Can I add an image along with the forum name & if possible, how?

[MrPhil]

So - your best bet, if you do't understand how to play around and debug CSS, is to create a logo with a whole bunch of transparent white-space to the left that will get it spaced to the location that you want...

Uh, that will work for one particular browser width, and look odd for anything else. I wouldn't even bother with that solution. Better to have someone figure out how to properly monkey the CSS to do what you want to do.

[kat]

Can I add an image along with the forum name & if possible, how?

I'm afraid that this is one of those things that's done on a theme-by-theme basis, rather than it being a global setting.

Admin>Current theme>Logo image URL:

You'll need to change that, for each theme.

[Mark_Breznay]

Can I add an image along with the forum name & if possible, how?

I'm afraid that this is one of those things that's done on a theme-by-theme basis, rather than it being a global setting.

Admin>Current theme>Logo image URL:

You'll need to change that, for each theme.

So you can't just add it into the/a page & then upload the image into the image files?

[ARG01]

index.css. Change this to float right

h1.forumtitle {
    float: left;
    font-family: Geneva,verdana,sans-serif;
    font-size: 1.8em;
    line-height: 45px;
    margin: 0;
    padding: 0;
}

change this to float left.

Code Select Expand

#siteslogan, img#smflogo {
    float: right;
    line-height: 3em;
    margin: 0;
    padding: 0;
}

[kat]

So you can't just add it into the/a page & then upload the image into the image files?

If you want to use your own graphic, you can put it wherever you like. As long as the URL points to it, it'll show.

I put mine in the root of the forum, for the simple fact that the URL's easy to figure-out.

Mine's here:

http://playing.twaddlehosting.co.uk/Banner.gif

[ARG01]

Oops. If you are adding an image then disregard my last post. 

[kat]

I think it's an either/or, at the moment, mate.

[Mark_Breznay]

So you can't just add it into the/a page & then upload the image into the image files?

If you want to use your own graphic, you can put it wherever you like. As long as the URL points to it, it'll show.

I put mine in the root of the forum, for the simple fact that the URL's easy to figure-out.

Mine's here:

http://playing.twaddlehosting.co.uk/Banner.gif

You are telling me I can upload an image into the theme image file?  Then please show me where I am supposed to do this and with what, (I know image coding) coding?
Mark

[kat]

Nope. I'm saying that you can put the image somewhere and put a link to it, as I described, earlier.

Admin>Current theme>Logo image URL:

[Mark_Breznay]

Thanks!
Mark

[kat]

[Mark_Breznay]

There is no "browse" button, so what should the image code say?  I was wrongly assuming the image would come from my files.

[kat]

Let's assume that you've put the image in the root of your site. Let's assume, too, that we're talking about http://www.americandragracing.com and the image is called "image.png".

In that box, you'd type:

http://www.americandragracing.com/image.png

Simple as that!

[Mark_Breznay]

So if I just load a .jpg into the actual site itself, which is hon3forums.com and just use its name, such as locomotive.jpg, that is it?

[kat]

http://www.hon3forums.com/locomotive.jpg Should do it, if that's the correct URL for your forum.

As long as you've put the actual locomotive.jpg file in the root of your site.

[Mark_Breznay]

By Jove I think I've got it.

[kat]