Custom Picture in forum header

Jerry · January 26, 2010, 07:30:42 PM

That is because Jason is probably using smf4free or other premodified hosts out there, while you probably are not.. So you probably don't have the same menu options as Jason would have

If you are using a curve type theme with rc2 you could just modify the index.css

Code Select

/* ..so does the SMF logo */
img#smflogo
{
	margin-left: 1em;
}

would be the section you modify.

Replace it with something like:

Code Select

/* ..so does the SMF logo */
img#smflogo
{
    margin-left: auto;
    margin-right: auto;
}

that should center it.

tfs · January 26, 2010, 08:19:17 PM

Thanks for the response Jerry. I think you're right about Jason using his web hosts pre-installed SMF package, and making changes in their proprietary configurator.

Unfortunately, the changes you listed don't seem to do it. I was able to mess up the image placement by purposely leaving out a bracket, so I know I'm in the right spot, but it doesn't center when the suggested changes are made.

I used to have the ability to do this in v2.0 RC1. Further up in this very thread SiNaN showed me how to do it by editing ./Themes/default/index.template.php, but that was broken in the RC2 release. I've been looking for an answer since.

Jakob Fel · January 28, 2010, 06:39:46 PM

Do you mean like this?

http://www.joquan/index.php?action=style;sa=admin;sesc=003aec0bbd60d8200c471ecff53428d8

tfs · January 29, 2010, 11:27:37 AM

Quote from: Joquan Games Studios on January 28, 2010, 06:39:46 PM
Do you mean like this?

http://www.joquan/index.php?action=style;sa=admin;sesc=003aec0bbd60d8200c471ecff53428d8

Link is broken.

Jakob Fel · January 29, 2010, 12:19:19 PM

Hmm, it may mean that it only works for my forum. I am not sure why Manage Styles doesn't appear on your forum. It should show up, but maybe you have a mod installed that hides it. If you give me a link to your site, I can see what I can do. I do not mean for you to give me admin access, I just mean that I would like to see your site, so I can furthermore help you.

Have a nice day,
Jake

kat · January 29, 2010, 01:00:44 PM

Not sure I understand this...

If you want a banner like I have here: http://www.tlakoc.org.uk

Just add this, after the first body tag in index.template.php.

Code Select

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

Obviously, you'll need to modify bits, to suit, and the image needs to be in the root of your forum's directory.

tfs · January 29, 2010, 10:45:53 PM

Quote from: Joquan Games Studios on January 29, 2010, 12:19:19 PM
It should show up, but maybe you have a mod installed that hides it.

Maybe so. Thanks anyway.

Jakob Fel · January 30, 2010, 06:27:49 PM

No problem. Sorry I couldn't help more.

thesorceress · February 26, 2010, 06:49:36 AM

Thanks for all the great info in this topic

I finally was able to find the codes and alter them

Just one question left, what is the size i can use best as banner/logo size?

kat · February 26, 2010, 10:06:08 AM

Mine's only 800x90 and it seems to work OK.

thesorceress · February 26, 2010, 01:25:48 PM

I would really like to have it the same size as the Banner "field" but i have no idea what size that is. Or how to get the banner looking good in other screenresolutions.

I use SMF 1.1.11

kat · February 26, 2010, 01:31:00 PM

Well, if you look at the code I put, above, and make the image the same size as mine, it ought to look like it does on my site.

http://www.tlakoc.org.uk/

thesorceress · February 27, 2010, 05:56:34 AM

Thanks St. Kat i think i can work something out with that, but i still have a few questions

I'm a complete novice at this so forgive me for asking stupid questions

Is the first body tag the first line in the body?
Can i change the width and height sizes?
Is there a way to remove the field where my banner is now on top of.

I hope you understand what i mean, English is not my native language.

Thank you for helping

kat · February 27, 2010, 09:26:15 AM

Pleasure, darlin'!

The first body tag will look like this:

<body>';

You can use whatever size image you like!

(Might look weird if it's too big/small, though.)

Not sure what you mean by "Is there a way to remove the field where my banner is now on top of."

Worry not. You're English is better than mine! (I'm English!)

thesorceress · February 27, 2010, 11:07:02 AM

LOL

I understand now where to put the code, thank you for explaining it

What i mean by "Is there a way to remove the field where my banner is now on top of." is this,
When you look at the attachment in my post above the banner in the middle has a plain colored part behind it that is a lot wider than the banner. At the moment i've created another banner and put it up but there is still a part of the plain colored part sticking out left and right. It is part of the template imho, i think it would look better if it's removed but i don't know if that's possible and how to do that.

I really appreciate your help

kat · February 27, 2010, 11:24:42 AM

I really have no idea!

Maybe, if you make the image wide enough, it'll fill that.

z3us · February 27, 2010, 12:36:34 PM

I will explain here my problem.
I want my image to fill the gaps that I point at with red arrows in the attached SS, so the image matchs the whole width of my forum (not the dark blue background)
I attach my index.template too, the name of the image is logo1.jpg
Thanks

kat · February 27, 2010, 04:58:09 PM

Why not make it a gif, with a transparent background?

It won't need to fit, then. Unless it's a graphic, rather than text...

Snogmarr · February 27, 2010, 05:05:45 PM

Question If You Do Not Mind

I have put the code as described for RC2 and I am getting a tepmlate error....

Parse error: syntax error, unexpected '<' in .../Themes/default/index.template.php on line 261

252:       <script type="text/javascript">
253:       var wot_rating_options = {
254:       selector: ".inner a[href], .post a[href]"
255:       };
256:       </script>
257: <script type="text/javascript"
258: src="http://api.mywot.com/widgets/ratings.js"></script>
259: </head>
260: <body>';
261: <img style="margin-top:6px" border="0" src="/fancyforsite.gif" width="800" height="90" alt="whatever" title="whatever" /></a>
262:       //Show the efloating bar only if the MOD is enabled for Guest and Guests are not on Register or Login Pages
263: if ($context['user']['is_guest'] && !empty($modSettings['efloatingbar_mode_guest']) && $context['current_action'] != 'login' && $context['current_action'] != 'register')
264: {
265:       echo '<div id="topbar">

kat · February 27, 2010, 05:19:28 PM

Ah...

On my v2.x site, I used two lines, thus:

Code Select

<a href="http://www.tlakoc.co.uk/index.php?action=forum">
<img style="margin-top:6px" border="0" src="/Banner.gif" width="800" height="90" alt="whatever" title="whatever" /></a>

Obviously, the URL will be different, for you. You'll want to change "whatever" to something else, too.

News:

Custom Picture in forum header

kat

kat

kat

kat

kat

kat

kat