How To Add New Link In Account Box

[Rick Altman]

How do I add a new link in the Account Box?

For example . . .

 

Sign Out

Inbox

Alerts

Friends

Settings

NEW LINK

 

Thanks for your help.

Rick

[Jen]

This might get you started. Replace with your link, and add to Custom Code Box:

<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("#xg_module_account ul li .xg_sprite-setting").after('<br><a href="http://www.yahoo.com">Yahoo</a>');
}
else{
}
</script>

[Stygo Alphamatt]

Kudos

With icon would be great

[Rick Altman]

This is exactly what I needed.

The ability to add a sprite in front of this new link would be helpful too.

Thank you very much for your quick response.

[Jen]

First to clear something up - - a sprite is not one image or one icon. A sprite is one large image that contains multiple images/icons, or collection of images. To add an image/icon to the link in the script, you'll need to:

1. Find icons that are 16 by 16 in dimensions, the smallest you will find. You can start here: http://www.iconfinder.com

2. Once you find your needed icon, upload to Ning API with insert image, and copy/paste the image URL into the script where I have added the RSS image.

3. You will need to adjust the width of 16 to 12, as I have. This is closer to the sprite image size.

4. I also added padding to the top and right of the image.

Here's the script with an image and link to the RSS for the Ning Latest Activity Feed. I used this in the example, because you need to keep in mind that only signed in members can see these links.

<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("#xg_module_account ul li .xg_sprite-setting").after('<br><a href="/activity/log/list?fmt=rss" title="Subscribe to our RSS"><img style="padding-right:8px;padding-top:4px;" src="http://api.ning.com:80/files/-jCP6hUTGM8OUjR1SnPswlEsyQP*po*BLqlEVAEPG4DmtRa66xwjyswXGR*TJvwORU*wBsP4jWEfBJLtRdsIffHrByiTyZwS/rss16.png" width="12" />Subscribe to RSS</a>');
}
else{
}
</script>

Best,

Jen

[Jen]

Oh, also - - does the Alert show up after Setting if one exists? If yes, this could be a problem. Keep this in mind.

[Riccardo Rossini]

You can do it modifying language manager