"Right menu on the portal page," you're asking? Don't know what I'm talking about?
Head on over to the Groupee Nation portal page. See the island in the upper right corner of the page body? My Space, Forums, Chat, Member Directory, etc?
Ever wanted to add new menu items there? I'm sure you have. I did... and I couldn't figure out any easy way, so I just did it myself. At the request of many, I'm posting this here for your enjoyment.
Note: This involves altering your site styles, and playing around with some Javascript. This might not be for the faint of heart and/or those that aren't technically minded.
Note 2: While a Groupee employee is posting this trick, please don't take it to mean that we support doing this officially. This trick may break in a future release, as it relies quite a bit on the current structure of the page.
Note 3: I'm using DOM functions here without any sort of browser check. The script is known to work in MSIE6, Firefox, Opera 7.5, and Safari 1.2.
First, grab the zip file I'm attaching to this post. It contains a text file, with a bit of Javascript. Pop that file open in Notepad.
Visit your Groupee Community control panel, and choose Groupee Community -> Display -> Settings from the left menu.
From the list of style sets, pick the style set currently used for your portal page. If you don't know which one you're using, choose Display -> Assignments instead. It's the very first dropdown, next to the "Platform [Module-Wide]" wording.
In the style editor, choose the Custom HTML option on the left.
In the "Insert into HEAD Tag (JS/CSS Meta tags Only)" textarea, copy and paste the contents of the attached file. If you already have things there, just paste the contents of the file
before what's already there.
Submit the style, then go visit your community. When you view the source of your portal page, you should see the Javascript you just inserted within the first fifty lines or so. If you don't, you aren't editing the right style. I made this mistake so, so many times.
Next, head back to the Custom HTML editor for the style. Scroll down to the "Insert in Body OnLoad (JS Only)" textarea at the bottom.
Here is where you'll insert the call to the Javascript you just inserted into your header.
As an example, here's how to add a link with the name "Test Link", and the URL
http://www.groupee.com/ :
cc_insert_menu_link("Test Link", "http://www.groupee.com/", 3);The link will be added after the third link in the island - the Forums link. Play around with the number in the third argument to place the link in different locations within the island. Lower numbers are higher on the list, while higher numbers are lower on the list. Excessively high numbers may cause problems. Keep in mind that not everyone can see every link there, including the link to the Control Panel.
You can add multiple links this way. For example:
cc_insert_menu_link("Three", "http://www.groupee.com/?3", 3);
cc_insert_menu_link("Two", "http://www.groupee.com/?2", 3);
cc_insert_menu_link("One", "http://www.groupee.com/?1", 3);
These items would appear as "One", "Two", and "Three" on the menu, in that order - you have to place then in reverse order in the box.
You can see the script in action by
viewing my own site and checking out the menu on the right. Caution: Game geek content within.
For my next trick... I'm determined to find a way to safely and sanely add items to the Go menu. Wish me luck!
(For the curious, yes, we're using eqdkp there... and no, there's currently no integration with Groupee Community. I'm fixing that.
)
cc_insert_menu_link_js.zip (621 Bytes, 11 downloads) The javascript file, zipped for your saftey
