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.

Adding picture/banner to separate categories on forum

View previous topic View next topic Go down

Solved Adding picture/banner to separate categories on forum

Post by tommo2210 on January 28th 2015, 8:26 pm

Technical Details

Forum version : Invision
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Safari
Screenshot of problem :
View image:

Who the problem concerns : All members
Forum link : http://harrogatetownfc.forumotion.com/f3-harrogate-town-fc-chat

Description of problem

I am trying to add a banner/picture on separate categories on my forum. I have managed to add one to the home page but I also want to add one to each individual category/forum.

I would like to add it right above the words "go to page..." and below "Harrogate town supporters forum > Harrogate Town Fc Chat"

Please help!

tommo2210
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

Solved Re: Adding picture/banner to separate categories on forum

Post by brandon_g on February 1st 2015, 2:14 pm

Hello,

Do you mean icons for every forum or category?


-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Adding picture/banner to separate categories on forum

Post by tommo2210 on February 3rd 2015, 1:04 am

@brandon_g wrote:Hello,

Do you mean icons for every forum or category?


-Brandon

I actually want to put a picture with a link to another website on each forum/category.. I have managed to place it on the homepage but cannot find out how to add it to other pages??

tommo2210
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

Solved Re: Adding picture/banner to separate categories on forum

Post by Luffy on February 3rd 2015, 1:10 am

Hello,

Can you provide us with an image of what you want to do because i haven't clearly understood what you want to do.. Confused

Luffy






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Adding picture/banner to separate categories on forum

Post by _Twisted_Mods_ on February 3rd 2015, 1:56 am

goto acp>modules>JavaScript management>

enable JavaScript management if its not already on then save

create a new JavaScript

Title:whatever you link
placement:in all pages
code:
Code:

$(function(){
   var urlimg = ['/f3-harrogate-town-fc-chat|http://i38.servimg.com/u/f38/09/00/43/96/valent10.png|http://help.forumotion.com'];
   
   for(var i = 0;i<urlimg.length;i++){
      var link = urlimg[i].split('|');
      if(location.pathname==link[0]){
$('#main-content').prepend('<center><a href="'+link[2]+'" target="_blank"><img src="'+link[1]+'"></a></center>');
};};});

what you will need to change

Code:
'/f3-harrogate-town-fc-chat|http://i38.servimg.com/u/f38/09/00/43/96/valent10.png|http://help.forumotion.com'

for each page you want to add you will need

url = end of page url --example this page = /t138626-adding-picture-banner-to-separate-categories-on-forum
img = image url
page = page to goto on image click

this how its setup

'url|img|page' each item is separated by | and all wrapped inside ' '

you can add as many pages and images as you need just separate them with a comma ,

here is an example
Code:

var urlimg = ['url|img|page','url|img|page','url|img|page','url|img|page'];

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Adding picture/banner to separate categories on forum

Post by tommo2210 on February 3rd 2015, 5:23 pm

@Luffy wrote:Hello,

Can you provide us with an image of what you want to do because i haven't clearly understood what you want to do.. Confused

Luffy
In picture 1 you can see the "Stakes and ladders" advertisement.

I would like to add this to every page. As you can see in picture 2 it is not there.

Thanks



tommo2210
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

Solved Re: Adding picture/banner to separate categories on forum

Post by tommo2210 on February 3rd 2015, 5:34 pm

@_Twisted_Mods_ wrote:goto acp>modules>JavaScript management>

enable JavaScript management if its not already on then save

create a new JavaScript

Title:whatever you link
placement:in all pages
code:
Code:

$(function(){
   var urlimg = ['/f3-harrogate-town-fc-chat|http://i38.servimg.com/u/f38/09/00/43/96/valent10.png|http://help.forumotion.com'];
   
   for(var i = 0;i<urlimg.length;i++){
      var link = urlimg[i].split('|');
      if(location.pathname==link[0]){
$('#main-content').prepend('<center><a href="'+link[2]+'" target="_blank"><img src="'+link[1]+'"></a></center>');
};};});

what you will need to change

Code:
'/f3-harrogate-town-fc-chat|http://i38.servimg.com/u/f38/09/00/43/96/valent10.png|http://help.forumotion.com'

for each page you want to add you will need

url = end of page url --example this page = /t138626-adding-picture-banner-to-separate-categories-on-forum
img = image url
page = page to goto on image click

this how its setup

'url|img|page' each item is separated by | and all wrapped inside ' '

you can add as many pages and images as you need just separate them with a comma ,

here is an example
Code:

var urlimg = ['url|img|page','url|img|page','url|img|page','url|img|page'];


Great thank you so much for you help!

tommo2210
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

Solved Re: Adding picture/banner to separate categories on forum

Post by _Twisted_Mods_ on February 13th 2015, 12:18 pm

Topic solved and archived

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.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