Adding picture/banner to separate categories on forum

Go down

Solved Adding picture/banner to separate categories on forum

Post by tommo2210 on 28th January 2015, 20:26

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 1st February 2015, 14:14

Hello,

Do you mean icons for every forum or category?


-Brandon


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 6863
Reputation : 630
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 3rd February 2015, 01:04

@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 3rd February 2015, 01:10

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
avatar
Luffy
Manager
Manager

Male Posts : 5510
Reputation : 607
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

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

Post by _Twisted_Mods_ on 3rd February 2015, 01:56

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'];
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
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 3rd February 2015, 17:23

@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 3rd February 2015, 17:34

@_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 13th February 2015, 12:18

Topic solved and archived
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Back to top


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