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 Magic Happens on April 5, 2009 at 1:29pm

BEFORE/ABOVE MENU TABS/NAVIGATION BAR: AFTER/BELOW MENU/NAVIGATION BAR:
l just had this show up and l am unsure what to do. l hate to ask but can you show me example on this.

Permalink Reply by JenSocial on April 5, 2009 at 1:49pm

Sorry, I should have uploaded 2 files above, instead of 1 with titles. Now, the files are separated, based on ABOVE or BELOW menu tabs.

When you open the appropriate attached text file above, just change "Add Your Text Here." to what you want to say. Then paste the entire block into your Analytics box.

Please let me know if you have any other questions.
Jen :-)

Fantasyland said:...

Permalink Reply by MEDARD DU ROCHER - BOPE on April 7, 2009 at 5:58am

thank you for your message

Permalink Reply by Magic Happens on April 15, 2009 at 1:42pm

l do not see any code, did you remove them?

Permalink Reply by JenSocial on April 15, 2009 at 1:48pm

Fantasyland,
Can you not see the attachments (attached files) at top of this Discussion?
Thanks,
Jen

Fantasyland said:...can't see files...

Permalink Reply by JenSocial on April 15, 2009 at 2:35pm

ummm, wonder why the low rating?
;-)

Permalink Reply by S.T.T. SEEKING THE TRUTH on May 1, 2009 at 6:16pm

Thanks works great!
Todd

Permalink Reply by JenSocial on May 15, 2009 at 5:34pm

Go here for example.
http://paranormaltruthseekers.ning.com/

This is a great example of both: above and below the Navigation Menu Bar. The text above the menu says:
"RELAX, LET YOUR HAIR DOWN, WE ARE NOT HERE TO JUDGE WE ARE HERE TO LEARN & MAKE FRIENDS ."
-- and the text below says, "HAVE YOU EVER HAD A PARANORMAL EXPERIENCE? SEEN A UFO? HAD LUNCH WITH BIG FOOT? TELL US WE WANT TO KNOW!"

Trade & Twit said:

where can i see a demo?

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

Hi Robert,
Did you grab the code from the text file? Lately, since the last Ning update, I've noticed the code is throwing in hidden characters. And then, they won't translate correctly.
Let me know if I can help,
Jen

The POZIAM Community said:

This didn't work for me when I tried this... bummer

Permalink Reply by esvareeDOTcom on July 12, 2009 at 5:21pm

Jen how do i change the SIZE of the text? thanks

Ning Directory said:

Hi Robert,
Did you grab the code from the text file? Lately, since the last Ning update, I've noticed the code is throwing in hidden characters. And then, they won't translate correctly.
Let me know if I can help,
Jen

The POZIAM Community said:
This didn't work for me when I tried this... bummer

Permalink Reply by JenSocial on July 12, 2009 at 5:26pm

This should work. Just add the style="font-size:22px;" or font size you want, to the DIV.

Add Your Text Here.

<div style="font-size:22px;" align="center" class="xg_module">Add Your Text Here.</div>

If not, on my way out door, and happy to help out, tomorrow.
Best,
Jen

Permalink Reply by esvareeDOTcom on July 12, 2009 at 5:36pm

thnx!! it worked!

Ning Directory said:

This should work. Just add the style="font-size:22px;" or font size you want, to the DIV.

Add Your Text Here.

<div style="font-size:22px;" align="center" class="xg_module">Add Your Text Here.</div>

If not, on my way out door, and happy to help out, tomorrow.
Best,
Jen