Adding images to menu tabs

[PurpleCrow]

I'd like to add a little "Home" button to the "Home" tab but I'm not sure how to do it, I've tried a few times but have just caused parse errors.

Anyone know how to do it?

[cicka]

I'd like to add a little "Home" button to the "Home" tab but I'm not sure how to do it, I've tried a few times but have just caused parse errors.

Anyone know how to do it?

Do you want to replace the home button with an image? At the subs.php file find this code

Code Select Expand

'title' => $txt['home'],

And change it to this code

Code Select Expand

'title' => '<img src="' . $settings['images_url'] . '/imgname.gif" alt="" />',

Replace imgname.gif with your own image+extension and upload it in the images folder of your theme.

[Mick.]

To add an image next to the tabs name....... the oimage will show left to the text.

Lets use the "help" tab...

Code Select Expand

'title' => '<img src="URL OF IMAGE" alt="" /> ' .  $txt['help'],


Make sure your images are 12x12 pixels

[cicka]

Ah, I thought that he wanted to replace the buttons with images.

[PurpleCrow]

She :p

Na, wanted to add it next to it, thanks guys!!

I'll give it a go now

[PurpleCrow]

Doesnt work bluedevil 

[cicka]

It should work. The code seems ok to me. Did you enter the right image name and path? What code did you use?

[PurpleCrow]

This is the code I used, but nothing appears (image is in correct place) -

Code Select Expand

'title' => '<img src="Themes/default/images/house.png" alt="" /> ' .  $txt['home'],

[cicka]

This is the code I used, but nothing appears (image is in correct place) -

Code Select Expand

'title' => '<img src="Themes/default/images/house.png" alt="" /> ' .  $txt['home'],

You have entered the image path wrong. Use this to define the path to your image

Code Select Expand

'title' => '<img src="' . $settings['images_url'] . '/house.png" alt="" /> ' .  $txt['home'],

[PurpleCrow]

Still not working... Ugh, nothings working tonight

[cicka]

Still not working... Ugh, nothings working tonight

Can you please upload here the Subs.php file?

Alternatively, can you define the direct url to the image?

Code Select Expand

'title' => '<img src="http://thewitchespath.com/Themes/overviewlight_20rc3/images/house.png" alt="" /> ' .  $txt['home'],

[PurpleCrow]

Attatched Thanks

[cicka]

Can you try this file?

[Mick.]

@cicka

I used the direct image code as this didnt work me.  The image appeared missing.

Code Select Expand

'title' => '<img src="' . $settings['images_url'] . '/imgname.gif" alt="" />',

[cicka]

@cicka

I used the direct image code as this didnt work me.  The image appeared missing.

Code Select Expand

'title' => '<img src="' . $settings['images_url'] . '/imgname.gif" alt="" />',

I had not tested it. I assumed that the standard img link would have worked. But the changes I made at the file should work

[PurpleCrow]

Nope, still not appearing.

[cicka]

Nope, still not appearing.

I tried it at my test site with the direct link to your image and it showed up.

[PurpleCrow]

Take a look at my forum - http://thewitchespath.com/index.php From what I can see its not there.

[CapadY]

Try to clear your forumcache

[PurpleCrow]

Try to clear your forumcache

No difference.

[Mick.]

Go to your profile and switch to default theme and see if its there,

[PurpleCrow]

Nope, not there.

[Mick.]

This is from your subs.php file:

Code Select Expand

$buttons = array(
'home' => array(
'title' => '<img src="http://thewitchespath.com/Themes/overviewlight_20rc3/images/house.png" alt="" /> ' .  $txt['home'],
'href' => $modSettings['sp_portal_mode'] == 3 && empty($context['disable_sp']) ? $modSettings['sp_standalone_url'] : $scripturl,
'show' => true,
'sub_buttons' => array(
),
'is_last' => $context['right_to_left'],
// 'target' => '_blank',
),


It seems correct.  I can even see the image by its url:

http://thewitchespath.com/Themes/overviewlight_20rc3/images/house.png



Hmmm,...

[PurpleCrow]

I know! It doesnt make sense!

SMF seems to hate me at the moment

[Antechinus]

@cicka

I used the direct image code as this didnt work me.  The image appeared missing.

Code Select Expand

'title' => '<img src="' . $settings['images_url'] . '/imgname.gif" alt="" />',

Check the globals.

Code Select Expand

function setupMenuContext()
{
global $context, $modSettings, $user_info, $txt, $scripturl;

[cicka]

I am perplexed too why it is not showing up for you PurpleCrow because at my test forum it shows ok.

[Mick.]

Im also confused here....

Can you see them here?  http://www.bluedevilcustoms.com/index.php?action=forum

[PurpleCrow]

Yup, I can see them and they look great, exactly what I want. I really dont understand why its not working...

[Mick.]

Yup, I can see them and they look great, exactly what I want. I really dont understand why its not working...

Just for giggles.   Use 12x12 images. It may be that youre using 16x16 and is not fitting in there?   Not sure.



Use this one to test.

This is what ive been using:

Code Select Expand

'title' => '<img src="http://www.bluedevilcustoms.com/Themes/chocolat/images/admin/administration.gif" alt="" /> ' .  $txt['help'],

[Mick.]

You using OverviewLight theme right?  It should work too. Just tested it.

[PurpleCrow]

Tried it, didnt work.

There must be something preventing it from working, I'll leave it, doesnt matter. No point in you spending ages on it. Thanks for all your help though.

[ɔɔɔɔɔɔuɥoɾ]

I think adding the background image in the index.css file would work, since it already has a background image "menu_gfx.png"

Simply change the image to something you want, leave the title as it is, to get a background image and the title will remain also, on top of the image.

[PurpleCrow]

I'm doing a clean install of my forum, just got the images to work

[PurpleCrow]

Just found out that its a conflict with a modification, "Menu Order".

[Mick.]

Thats great PC.   Was it worth reinstalling the forum tho'?

[PurpleCrow]

I was planning on doing a clean install anyway, just so happened that it enabled me to find out what the issue was with these images at the same time

[ɔɔɔɔɔɔuɥoɾ]

So what was the solution afterall?
Just the Menu Order conflict?

[PurpleCrow]

Yup, just the menu order conflict. I added the image on a clean forum and kept my eye out while I was installing mods, once the menu order mod had been installed the image dissappeared so I've uninstalled it and its back again

[ɔɔɔɔɔɔuɥoɾ]

So adding the image using the 'title' option in the button array was it then?

[PurpleCrow]

Yup it was, I used the following code -

This is from your subs.php file:

Code Select Expand

$buttons = array(
'home' => array(
'title' => '<img src="IMAGE URL" alt="" /> ' .  $txt['home'],



[ɔɔɔɔɔɔuɥoɾ]

On a hunch to get the Menu order and that working at the same time;

What changes to causes the image not to work after installing the Menu Order mod?

[PurpleCrow]

I have no idea. I'll look into it later (got a lot of stuff to do from doing the clean install).

[Antechinus]

Glad you figured it out. Really that mod is unnecessary since changing the order of buttons is very easy once you know how. You could learn to do that in no time.

[PurpleCrow]

I know how to do it, its just laziness

[Kill Em All]

PurpleCrow, is this solved?

I know I can be lazy too, alright, really lazy. haha