The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Image in footer

View previous topic View next topic Go down

Solved Image in footer

Post by felicity4us2 on October 14th 2011, 9:04 pm

Hi,

I would like to add an image in my footer right above the 'statistics' box. I just need it on the front page for the purpose of putting in a legend of icons on the front page - like 'new post' and locked forums. I use invision. http://www.igdid.com/

Is this possible - if so - could you help me with a css code or let me know how.

Thank you,
Felicity

felicity4us2
Forumember

Posts : 342
Reputation : 7
Language : english

http://igdid.com

Back to top Go down

Solved Re: Image in footer

Post by SLGray on October 14th 2011, 10:06 pm

This may help: http://help.forumotion.com/t77104-how-to-make-a-stylish-legend

Edit - I just read it and notice it is not Invision, sorry.

SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Image in footer

Post by Nera. on October 14th 2011, 11:12 pm

Hi Felicity,

Not sure what do you need exactly. You can try to add that image before your stats box by adding this in AP > Modules > JS managment and mark all pages.

Code:
$(document).ready(function() {
  $('#fo_stat').before('<div class="novo" align="center"><img src="http://i34.tinypic.com/b80g87.png" alt="stats" /></div>');
});

Example:


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Help ....

Post by S(o)ciaL on October 15th 2011, 12:00 am

it's not working for me ... can you give me some support please ? Smile

site Link Here

S(o)ciaL
Forumember

Male Posts : 123
Reputation : 8
Language : Greek,English

Back to top Go down

Solved Re: Image in footer

Post by Nera. on October 15th 2011, 12:09 am

It can not work since you are on phpBB2 and the code is for Invision. Very good

Where do you want the image?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Image in footer

Post by S(o)ciaL on October 15th 2011, 12:11 am

well i want 3 image's . 1 top 1 mid and 1 bottom Smile can you give this code's ? Smile

thnx anyway

S(o)ciaL
Forumember

Male Posts : 123
Reputation : 8
Language : Greek,English

Back to top Go down

Solved Re: Image in footer

Post by Nera. on October 15th 2011, 12:21 am

What is top, mid & bottom? You need to tell me exactly where?
Before the WIO online link? Behind the legend "No new posts", where exactly?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Image in footer

Post by S(o)ciaL on October 15th 2011, 12:24 am

Under nav bar and befor legend's it's good Smile

S(o)ciaL
Forumember

Male Posts : 123
Reputation : 8
Language : Greek,English

Back to top Go down

Solved Re: Image in footer

Post by Nera. on October 15th 2011, 12:39 am

To add it under navbar add the image in AP > Display > Homepage > Generalities > Message content

To add it before legend find this in index_body template
Code:
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>

Replace it with this
Code:
<!-- BEGIN switch_legend -->
<table class="legenda"  border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>

Save and publish. Add

Than add this to modules > JS managment & mark all pages
Code:
$(document).ready(function() {
  $('.legenda').before('<div class="novo" align="center"><img src="http://i34.tinypic.com/b80g87.png" alt="stats" /></div>');
});

PhpBB2 example:
http://i.imm.io/akDz.png

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Image in footer

Post by felicity4us2 on October 15th 2011, 2:34 am

Thank you - that did work perfectly.

Felicity

felicity4us2
Forumember

Posts : 342
Reputation : 7
Language : english

http://igdid.com

Back to top Go down

Solved Re: Image in footer

Post by Nera. on October 15th 2011, 9:58 am

Welcome. Very good

Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum