JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Add a Simple Text Message Below or Above Your Main Menu Tabs.

You can add a quick message below or above your main menu tabs, by adding this code to your Analytics Box. This is a nice way to leave a daily message for your members. You can add text, images and hyperlinks, but javascript won't work - - to-date.

Note: This tip is similar to our previous tip for adding Text Message below the menu. But, this is cleaner, and also enables you to add Text above the menu tabs.

Please be sure to copy/paste with care. Do not change anything but your text. Make sure there is no line feed (return) before the end /DIV>'); tag.

You will find an attached text file for each case.

Here's the code if you can't see the attached text files.

Above Menu Bar:
<script type="text/javascript">
x$(document).ready(function() {
// Insert a DIV Before the Navigation/Menu Bar module:
x$("#xg_navigation").before('<div align="center" class="xg_module">Add Your Text Here.</div>');
});
</script>

Below Menu Bar:
<script type="text/javascript">
x$(document).ready(function() {
// Insert a DIV After the Navigation/Menu Bar module:
x$("#xg_navigation").after('<div align="center" class="xg_module">Add Your Text Here.</div>');
});
</script>

1 member favorited this

Attachments:

AddSimpleTextMessageABOVE_MenuTabs.txt, 1 KB
AddSimpleTextMessageBELOW_MenuTabs.txt, 1 KB

Replies to This Discussion

Permalink Reply by JenSocial on July 27, 2009 at 10:51pm

My pleasure, Robert! ;-) Thank you for being a part of the NingDir!

The POZIAM Community said:

Ah... that might be it... let me try .... thanks Jen I love your site and recommend it my fellow NC;s.. Thank you for this space ... Robert

Permalink Reply by esvareeDOTcom on September 29, 2009 at 10:07pm

Anyone help? Jen? please? my code for adding text above and below the nav bar is not working, its just blank there.

Permalink Reply by Magic Happens on December 15, 2009 at 9:18pm

l still can not see the attachments. Did you use notepad or some other files, l can not see no codes at all.

Permalink Reply by Scribblerati on December 27, 2009 at 1:15am

This is such a simple tip to follow, but so deeply useful! I'd like to add "Visit us on Facebook and Twitter" with the words Facebook and Twitter being hyperlinked to the relevant pages on those sites. How do I include a hyperlink?

Permalink Reply by JenSocial on December 27, 2009 at 1:59am

Looks like you figured it out! Good job!
Best,
Jen

For anyone else who wants to add your Facebook and Twitter Links:

Be sure to change to your accounts. This code will add the links above the menu bar.

<script type="text/javascript">
x$(document).ready(function() {
// Insert a DIV Before the Navigation/Menu Bar module:
x$("#xg_navigation").before('<div align="center" class="xg_module">Visit us on <a href="http://www.facebook.com/your_facebook" target="_blank">Facebook</a> and <a href="http://twitter.com/your_twitter" target="_blank">Twitter</a>.</div>');
});
</script>

Permalink Reply by Temple of Our Lady of the Moon on February 23, 2010 at 8:08am

This is so cool but how do I change the font color to white so it shows up? The color used is blue and its too dark for my background.

Permalink Reply by JenSocial on February 23, 2010 at 11:32pm

I'm not assigning color within the DIV. The color is on your Network for the xg_module class.
Try this, I've added white font color to the main div:
<div align="center" class="xg_module" style="color:#ffffff!important;">Add Your Text Here.</div>

Don't forget to add all of the code, for whichever (above/below) you're adding. Just change the div and end div, to my changes above.

Let me know if that works.
Best,
Jen

Permalink Reply by Unimatez on March 24, 2010 at 7:31pm

Is it possible to add scrolling effect to this code...when added above or below the menu tabs

Permalink Reply by JenSocial on March 24, 2010 at 7:57pm

I think this will help. :-)
http://theningdirectory.ning.com/group/ningnetworktips/forum/topics...

Permalink Reply by Unimatez on March 25, 2010 at 7:46am

HI jen,

thanks for replying and posting this link.....however, I wanted to know, if it is possible to use this marquee code to the code that is given above..there fore I could use this feature to keep members updated with latest features and also announce some contest winners name etc....

I hope that I am making sense....

Cheers,
Adrian :)

Permalink Reply by Unimatez on March 25, 2010 at 7:00pm

oopps..no reply so far..... :(

Permalink Reply by JenSocial on March 25, 2010 at 7:26pm

Hi Adrian,
Sorry, I haven't had time to try it. I'm not sure if the code for marquee would blow up with the code above. Why don't you give it a try, and see? Otherwise, when I can, I will, and let you know.
Best,
Jen