[vB5] Add small graphic to Right-side of Footer

[karlm]

Hi all,

I'd like to add a small graphic, say about 50across x 10high so it sits over the right end of the footer bar always, and preferably doesn't move even with window resizing.

It would need to be just after the "Go to Top" or just prior to the "Help" texts, but preferably after not before.

I don't understand CSS but can follow basic instructions for editing code. This is a completely new installation and I've been editing the 'Blue & Yellow' skin.

[Wayne Luke]

CSS can't create HTML structures. You will most likely need to edit the footer template or use a template hook to add your image. Do you know basic HTML commands?

[karlm]

Do you know basic HTML commands?

I can follow the gist and make functional edits, but I'm more of a tweaker than a programmer where HTML is concerned. I still don't understand what the 'hook' is let alone competent enough to manipulate/create one.

[Wayne Luke]

Probably not the best solution but I was able to create this with the following steps...

1. Go to Styles -> Style Manager.
2. On the Style Options dropdown for your style select "Add New Template".
3. Name this new template something like 'footer_image'
4. Add the code below
5. Save the template

<div class="footer_img"><img src='someimage.png' height='10' width='50'></div>
<div style="clear:both"></div>

1. Next edit your css_additional.css template in the style.
2. Add the code below.
3. Save the template.

.footer_img {float:right;height:10px;width:50px;border:1px solid black;background-color:red;overflow:hidden}

1. Finally, go to Products & Hooks -> Manage Template Hooks.
2. Click "Add new template hook".
3. Set "Hook is Active" to Yes.
4. Set "Hook Location" to footer_start
5. Set the "Title" to Footer Image
6. Set "template" to footer_image (or whatever name you used above).
7. Save this hook.

It should show up on the next page refresh.

[karlm]

Thanks, Wayne.

Is there any basic means to add it so it looks more like position A or position B?