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 esvareeDOTcom on April 5, 2010 at 11:25am

Jen, i have a banner script: and i want to insert it before or after the navigation bar, like what you did on ning directory. how do i edit the code so that i insert that script, instead of text?

Permalink Reply by JenSocial on April 5, 2010 at 12:17pm

This tip won't work for script. You need to follow the tip instructions for "How To Add Google Ads", it will produce the results you want. Just replace anything that has to do with Google Adsense, with your script (in an external HTML).

Here's the tip:
http://theningdirectory.ning.com/group/ningnetworktips/forum/topics...

Best,
Jen

Permalink Reply by Help Moms Stop The Murders on April 5, 2010 at 9:16pm

Thank you Jen..This is a good one!!

Permalink Reply by Help Moms Stop The Murders on April 5, 2010 at 10:10pm

Il love this..Thank you!!

Permalink Reply by JenSocial on April 5, 2010 at 11:24pm

Great! Always happy to hear when you all like a tip! ;-)

Permalink Reply by Hagedisenland on April 8, 2010 at 6:24pm

Thank you, it´s great, i put a little picture in this area, not a text:

Permalink Reply by JenSocial on April 9, 2010 at 11:04pm

Fantastic!
;-)

Permalink Reply by LeafsZone on June 25, 2010 at 1:40am

This is great! Just what I'm looking for! Just one quick question. I successfully inserted an image below the menu bar, just wondering if it would be possible to have it show a selection of images I would like and have them load randomly?

Permalink Reply by Predestined by God on June 26, 2010 at 10:46am

Hi Jen ;-). How do I change the size and color of the font? Or can I?

Permalink Reply by JenSocial on June 26, 2010 at 11:41am

See where I added 2 attributes for style=

I used a blue: 003366. Just change that hex code to your color of choice hex code, and the same for font-size.

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

Best,
Jen

Permalink Reply by Predestined by God on June 26, 2010 at 12:40pm

Thanks ;-).

Permalink Reply by freelee love on August 1, 2010 at 6:12am