Changing the "Join Guild" text & arrows

You can add this Javascript to your custom javascript area (Control Panel > Custom HTML & Script > Custom JS/JQuery > Document Ready Event) to change the "join" text and arrows.

Code

 var hideJoinLink = false;
 var leftArrow = 'http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/leftarrow.gif';
 var rightArrow = 'http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/rightarrow.gif';
 var joinTitle = 'Come to the Dark Side';

 // Don't change anything below
 // ***************************
 var tm = $('.WfTopMenu'),
  sm = $('.gpWidget-sitenav a[href*=NewUser]');
 if (hideJoinLink) {
  tm.find('.welcomeBullet:eq(0)').add('a[href*=NewUser]').hide();
  sm.parent().hide();
 } else if (tm.length) {
  tm.find(".welcomeBullet:lt(2)").hide();
  tm.find('a[href*=NewUser] b')
   .html('<img src="' + leftArrow + '"> ' + joinTitle + ' <img src="' + rightArrow + '">');
 } else {
  sm.parent().find('img').hide();
  sm.html('<img src="' + leftArrow + '"> ' + joinTitle + ' <img src="' + rightArrow + '">');
 }

Customizing

• Replace the URL in orange to change the arrows and change the text in purple to what you want the message to say.
• Change "hideJoinLink" to true if you want to hide the join this guild link completely.

Edit (3/12/2009): Changed the code to work with the new GuildPortal CSS classes (no more StateBar class).
Edit (4/28/2010): Updated the code to work with the new layout and also added an option to hide the join link.
Edit (8/7/2010): Fixed code because it wasn't working in IE.
Edit (11/15/2010): Fixed problem with hiding the join link.
Edit (12/7/2012): Updated to make the script work again.

Edited by Mottie 12/7/2012 9:02 AM (Most Recent)

Hey Draylor!

It shouldn't interfere, but maybe try adding the code into the banner area or JQuery code box instead.

Hi Draylor!

Well the code actually searches in the State Bar (top most bar) for the text, the only way that you would see it in action would be to make a second log in name... say Draylor2 and then log into the site. If you are not logged in you won't see it and if you are logged in and part of the guild you won't see it.

Updated this code, since apparently the "StateBar" class no longer exists in the new GP UI.

Hi Lady_Catherine,

I know, I know, I'm not Mottie...

Anyway I think I can help ya.

First you will need to get the url to your App. What I did was, made a second account, then go to your site and click the join gulid button. Now with the Application form open copy the url.

You can now go into your splash page, and use the hyperlink manager to add a Gain Access link.