Add Member Account Box Links/Notifications to NingBar and Hide Account Box - - Saving Space Above Fold (Collaborative Efforts: Jen and Elson)

Add Member Account Box Links/Notifications to NingBar, and Hide Account Box - - Saving Space Above Fold (Collaborative Efforts: Jen and Elson)


There are now 3 versions of this code.

Notes: #1 taking the least amount of space in Custom Code Box, and #3 taking the most space (but offers the most features):

  1. Without icons, without Notifications - - just links: Inbox, Alerts, Friends, Invite, Settings.
  2. With icons, without Notifications - - just icons and links.
  3. With icons, with Notifications - -icons, links, and Notifications (everything! thanks to Elson).



What Will This Code Do For Your Network?

  1. This tip will show you how to add your Account Box Links for: Inbox, Alerts, Friends, Invite and Settings to your NingBar.
  2. Hide your Account Box, saving space above fold.
  3. The links will only be visible to signed-in Members.
  4. Version #1 - No icons, no notifications, just links.
  5. Version #2 - No Notifications, just icons and links.
  6. Version #3 - Everything (Icons, Links, and Notifications)
  7. Note: you may experience issues with formatting if you already have custom links in your NingBar.

 

 

Instructions:

Version #1, No Icons, No Notifications (Just Links):

  • If you do not want to hide the Account Box, remove the CSS:
    .account-links {display:none!important;}
  • Otherwise, add all code below to your Custom Code Box via: My Network/Tools/Custom Code
  • The safest method of copying code below - - copy/paste from this text file: AddMemberAccountLinks_NingBar.txt


<!--  NingBar Navigation Links for Member Account Box -->
<style>
.lsep { margin:10px 2px 0;float:left;color:#ccc;font-size:110%; }
.account-links { display:none!important; }
.ningbarlink a { text-decoration:underline!important; }
</style>

<script type="text/javascript">
if (ning.CurrentProfile != null ) {
var NingBarLinks = '<li class="ningbarlink"><a href="/profiles/message/listInbox">Inbox</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/profiles/message/listAlerts">Alerts</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/profiles/friend/list?my=1">Friends</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/main/invitation/new">Invite</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/profiles/settings/editProfileInfo">Settings</a></li>';
x$('#xn_bar #xn_bar_menu #xn_bar_menu_tabs').prepend(NingBarLinks);
};
</script>
<!-- End NingBar Navigation Links -->

 

 


Version #2 No Notifications (Icons and Links):

The safest method of copying code below - - copy/paste from this text file: AddMemberAccountLinks_NingBarIcons.txt

 

<!--  NingBar Navigation Links for Member Account Box -->
<style>
.lsep { margin:10px 2px 0;float:left;color:#ccc;font-size:110%; }
.account-links { display:none!important; }
.ningbarlink a { text-decoration:underline!important; }
.ningbarlink img { padding-top:3px; }
</style>

<script type="text/javascript">
if (ning.CurrentProfile != null ) {
var NingBarLinks = '<li class="ningbarlink"><a href="/profiles/message/listInbox"><img alt="Inbox" src="http://api.ning.com/files/UNKbObYJPtqfg2aS-dgvbW4oXlCd3U5WkjJEpeoMl6C5xN35tcqAFoslfCJEsXpcbF8P6-Xxn4I50nhLef7ns4MKoyX6OGm7/nb_mail.png">Inbox</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/profiles/message/listAlerts"><img alt="Alerts" src="http://api.ning.com/files/qQrSmPU5KN3zAoKLSl-79Laa3XysHZWEL7-Zj18kXMSfY6wNNkJ6Rk5Y6Tw*sksG582rvj3*cbHut*nFvPQqbA__/nb_bell.png">Alerts</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/profiles/friend/list?my=1"><img alt="Friends"src="http://api.ning.com/files/Ysd3GOwEDPYA7uPoibzkeZenfd4mM24U72C3pYGeFzwVL-ja2egQVMLHhxfODqgi9uh5CTlR-mmOov11u1fcmpBntSHGIxR5/nb_friends3.png" width="16">Friends</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/main/invitation/new"><img src="http://api.ning.com/files/6Jh2*58jpdlF21tISzcGBxmH6eHIHJ7Gdyl1BSTeWc*e5LLO6JwoA*lquR5NCgFAZTlUrdTVXJNr1S4cQAssmI2QzQmnQw9F/nb_invite.png" width="16">Invite</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/profiles/settings/editProfileInfo"><img src="http://api.ning.com/files/F9CXodZonLEtbcyTdP1TyY6xmsw37eTy4Bh5WHYpdOQS7GrETVqwzGFYcFHW*y3WWCMV3I3GzQr3YgirS*cbX8QHJEmdu1IX/nb_settings.png" width="16">Settings</a></li>';
x$('#xn_bar #xn_bar_menu #xn_bar_menu_tabs').prepend(NingBarLinks);
};
</script>

<!-- End NingBar Navigation Links -->

 

Version #3, Everything (Courtesy of Elson) Icons, Links, and Notifications:

The safest method of copying code below - - copy/paste from this text file: AddMemberAccountLinks_NingBarIcons_ElsonsNotifications.txt

 

<!-- NingBar Navigation Links for Member Account Box -->
<style>
.lsep { margin:10px 2px 0;float:left;color:#ccc;font-size:110%; }
.account-links { display:none!important; }
.ningbarlink a { text-decoration:underline!important; }
.ningbarlink img { margin-top:7px!important; }
</style>

<script type="text/javascript">
var getinbox;
var getalert;
var getrequest;

if (ning.CurrentProfile != null ) {
getinbox = x$('.xj_messages_present .xj_count_unreadMessages').html();
getalert = x$('.xj_alerts_present .xj_count_unreadAlerts').html();
getrequest = x$('.xj_count_friendRequestsReceived .xj_multiple_friend_requests a').html();


var NingBarLinks = '<li id="ninbox" class="ningbarlink"><a href="/profiles/message/listInbox"><img alt="Inbox" src="http://api.ning.com/files/UNKbObYJPtqfg2aS-dgvbW4oXlCd3U5WkjJEpeoMl6C5xN35tcqAFoslfCJEsXpcbF8P6-Xxn4I50nhLef7ns4MKoyX6OGm7/nb_mail.png">Inbox</a></li>' + '<span class="lsep">|</span>'
+ '<li id="nalert" class="ningbarlink"><a href="/profiles/message/listAlerts"><img alt="Alerts" src="http://api.ning.com/files/qQrSmPU5KN3zAoKLSl-79Laa3XysHZWEL7-Zj18kXMSfY6wNNkJ6Rk5Y6Tw*sksG582rvj3*cbHut*nFvPQqbA__/nb_bell.png">Alerts</a></li>' + '<span class="lsep">|</span>'
+ '<li id="nfriends" class="ningbarlink"><a href="/profiles/friend/list?my=1"><img alt="Friends"src="http://api.ning.com/files/Ysd3GOwEDPYA7uPoibzkeZenfd4mM24U72C3pYGeFzwVL-ja2egQVMLHhxfODqgi9uh5CTlR-mmOov11u1fcmpBntSHGIxR5/nb_friends3.png" width="16">Friends</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/main/invitation/new"><img src="http://api.ning.com/files/6Jh2*58jpdlF21tISzcGBxmH6eHIHJ7Gdyl1BSTeWc*e5LLO6JwoA*lquR5NCgFAZTlUrdTVXJNr1S4cQAssmI2QzQmnQw9F/nb_invite.png" width="16">Invite</a></li>' + '<span class="lsep">|</span>'
+ '<li class="ningbarlink"><a href="/profiles/settings/editProfileInfo"><img src="http://api.ning.com/files/F9CXodZonLEtbcyTdP1TyY6xmsw37eTy4Bh5WHYpdOQS7GrETVqwzGFYcFHW*y3WWCMV3I3GzQr3YgirS*cbX8QHJEmdu1IX/nb_settings.png" width="16">Settings</a></li>';
x$('#xn_bar #xn_bar_menu #xn_bar_menu_tabs').prepend(NingBarLinks);
};

var ninboxa = x$('#ninbox a').html();
var nalerta = x$('#nalert a').html();
var nfriendsa = x$('#nfriends a').html();

if(getinbox > '0') x$('#ninbox a').html(ninboxa + ' ( ' + getinbox + ' ) ');
if(getalert > '0') x$('#nalert a').html(nalerta + ' ( ' + getalert + ' ) ');
if(getrequest.indexOf( 'xj_count') <= 0) x$('#nfriends a').html(nfriendsa + ' ' + getrequest);
</script>
<!-- End NingBar Navigation Links -->

 

NOTE: The Inbox Notification doesn't show up until a refresh or going to new page.

 

It took some careful thought to create this tip, like would it affect any other code, etc...Please let me know if this causes any issues.

 

For more exciting tips like this one, and much more - - join Jen's VIP Club Today! We'd love to have you in our special private club.

VIP Ning Club:
Jen’s always cooking up new & exciting Ning Tips!

Discover the best Ning Support you’ll find anywhere! Just ask our VIP Members! ;-)

Testimonials

A special thanks to Elson for adding the code for notifications!


I hope you all enjoy this tip!

Jen

Views: 2119

Replies to This Discussion

Cool tip jen, Although i've had something similar on my network for a long while now (see the screenshot above)... I'll be trying your tip to see which looks best. ;)

Hey Mr Schmooze, your links look great! Can you share how you placed the icons in there? And what happens in the admin view when you have the 2 admin links in the upper left?

Thanks!

This is a great tip, Jen. But man, Mr. Schmooze your Ning bar looks great!

The icons are the best, just wanted to get it out there, and open the door of possibilities. Yours looks great!

Nice!

Okay All,

I have added an icon version, and hope you like it.

Best,

Jen

Wow, you rock Jen! Quick question - is there any way to remove the sign in box altogether and not just the links? Once I added the above code I still have an empty box displaying my username...

Cool, happy you like it. Icons can be so tacky sometimes. I really tried to keep it Classic looking and easy to spot.

On your request, I thought about that, and didn't think anyone would want to hide the username, because the notification for comments is below it. I'll check and write back soon. I'm certain we can, but don't want to adversely affect other things like "Sign-up".

Best Regards,

Jen

ahhh interesting, wasn't quite sure how it worked outside of what I was seeing on my homepage logged in as myself... thanks!

Ari,

This should be safe to hide header/username. Make sure nothing important is hidden when signed out.

#xg_module_account .xg_module_head {display:none!important;}

Best,

Jen

Hey Jen!

Amazing tip!!!!

The Notifications do not appear in the top.

Right, they're just links. But I will think on this.

Glad you like it. =)

RSS

Members

© 2018   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

\ua\ua\ua\ua\ua\ua\ua\ua\ua\ua\ua\ua\uaHome\ua/div> \uadiv>\ua\ua\ua\ua\ua\ua\uaVIP Ning Tips\ua/div> \uascript type="text/javascript" language="javascript">\udx$(document).ready(function() {\udif (x$("div.xg_widget_main_index_index").length > 0) { \udx$('div.jenhome').css('display','none'); \ud}\ud});\ud \ua!-- Scroll Up --> \ua!-- © Copyright 2012 JenSocial VIP Ning Tip, Do not remove Credits. --> \uascript type="text/javascript" language="javascript">\udif (typeof(x$) != 'undefined') {\udx$('.xj_user_info').prepend(x$('.module_members'));\udx$('.xg_widget_groups .module_text').prepend(x$('#xg.xg_widget_groups .module_page'));\udx$('.module_members').clone().appendTo(x$('#membermod'));\udx$('#forummod').prepend(x$('.module_forum'));\udx$('#photomod').prepend(x$('.module_photo'));\udx$('#sidebarmod').prepend(x$('.xj_sidebar_content'));\ud/* x$('#la').load('http://jensocial.com .module-feed'); */\ud/* x$('#la').load('http://jensocial.com/activity/index/getActivityItems'); */\ud}\ud \ua!-- Script Credit: http://gazpo.com/2012/02/scrolltop/ --> \uaa href="#" class="scrollup">Scroll \uastyle>\ud#google_translate_element {height:26px!important;margin-top:3px;}\ud.goog-te-gadget-simple {padding:0px!important;height:26px!important;}\ud.goog-te-gadget img {float: left;}\ud.goog-te-menu-value {margin-top:-5px!important;}\ud.scrollup {\ud background: url("http://api.ning.com:80/files/mJRnjZqTZmfsxQfyGPDSbx3Wy0-ETJGBjTsQQLBbYKU4vfategDE*OB2E0gz*SVBXdnKflIU5vtEvydu-Xzodh9YeU6NnTQX/scrollup2_icon.png") no-repeat scroll 0 0 transparent;\ud bottom: 28px;\ud display: inline !important;\ud height: 34px;\ud opacity: 0.3 !important;\ud position: fixed;\ud right: 0;\ud text-indent: -9999px;\ud width: 40px;\ud z-index: 999;\ud}\ud.scrollup:hover {\ud opacity:0.99!important;\ud}\ud/* Tighten up Top News/Everything */\ud#xg_network_activity .activity-feed-view-selector {font-size:16px;margin-top:5px;margin-bottom:0px;}\ud#xg_network_activity .activity-feed-view-selector:before {content: "» ";}\ud/* Fix Navigation Sub Tabs */\ud#xg_navigation div.xg_subtab ul li {margin-top:3px!important;border-bottom:1px solid #ffffff!important;}\ud#xg_navigation div.xg_subtab {width:auto!important;}\ud#xg_navigation ul div.xg_subtab ul li a {width:inherit!important;}\ud\ud \uascript type="text/javascript">\ud $(document).ready(function(){\ud $(window).scroll(function(){\ud if ($(this).scrollTop() > 100) {\ud $('.scrollup').fadeIn();\ud } else {\ud $('.scrollup').fadeOut();\ud }\ud });\ud $('.scrollup').click(function(){\ud $("html, body").animate({ scrollTop: 0 }, 600);\ud return false;\ud });\ud });\ud \ua!-- End Scroll Up --> \ua!-- VIP Menu Tab --> \uadiv id="viptop">\ua\ua\ua\ua\ua\ua\ua \ua/div> \ua!-- End VIP png, style in specstyles.css --> \ua!-- Styles --> \ualink rel="stylesheet" href="http://storage.ning.com/topology/rest/1.0/file/get/137628493?profile=original"> \ua!-- Call Styles for Rocket, Social Media Pngs, NingBar Nav, Tabbed Content, and more... --> \ualink rel="stylesheet" href="http://storage.ning.com/topology/rest/1.0/file/get/137628966?profile=original"> \ua!-- NingBar Links js call --> \uascript type="text/javascript" src="http://storage.ning.com/topology/rest/1.0/file/get/137628421?profile=original"> \uascript type="text/javascript" language="javascript">\udif (typeof(x$) != 'undefined') {\udx$("li#xg_tab_xn139").prepend('\ua\ua\ua\ua\ua\uaBest Ning Tips');\ud}\ud \ua!-- Format Special Groups --> \uascript type="text/javascript">\udif (window.location.href.split('group/')[1] == 'ningnetworktips') {\udx$('div.pad5').css('display','none'); \udx$('div.xg_module_head').css('display','none');}\ud \ua!-- End Grps --> \uascript type="text/javascript">\udif (window.location.href.split('group/')[1] == 'ningnetworktips') {\ud x$('div.xg_module_foot ul li.left:contains("Add")').replaceWith("\ua\ua\ua\ua\ua\uaPlease add new Ning Tips & Tricks to Support & Tips Forum.");\ud}\udif (window.location.href.split('group/')[1] > 'ningnetworktips/forum') {\ud x$('ul.navigation li.right:contains("Add")').replaceWith("\ua\ua\ua\ua\ua\uaPlease add new Ning Tips & Tricks to Support & Tips Forum.");\ud}\udif ((window.location.href.split('forum2/')[1] == 'topic/new/') || (window.location.href.split('forum2/')[1] > 'topic/new/')) {\ud x$('form#add_topic_form fieldset.nolegend dl dt label:contains("Social Directory Listing Title:")').replaceWith("Social Directory Listing Title: (Limit 1 Listing per Member Account)");\ud}\udif (window.location.href.split('group/')[1] == 'premiumningtipsbyjen') {\udx$('.right.xg_lightborder.navbutton:contains("Join Premium")').before("\ua\ua\ua\ua\ua\ua");\udx$('.toggle_list').css('width','100%');\udx$('.toggle_head').css('background-color','transparent');\ud}\ud \ua!-- Rocket Display/Call --> \uaimg id="rocket" src="http://storage.ning.com/topology/rest/1.0/file/get/137628427?profile=original"> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud x$('#rocket').addClass('animated lightSpeedIn');\ud}\ud \uadiv id="social-feeds">\ua\ua\ua\ua\ua\ua\ua \ua/div> \ua!-- End Social Media pngs --> \ua!-- Special Ad Within Forums-Blogs --> \uadiv id="tmp_insideforumblog" style="display:none;"> \ua\ua\ua\ua\ua\ua\ua \ua\ua\ua\ua\ua\ua\ua . \ua/div> \uascript type="text/javascript">\udif (window.location.href.split('forum/')[1] > 'topics/') {\ud /* insert ad/content inside forums */\ud x$(".xg_widget_forum_topic_show div.discussion div.description").prepend('\ua\ua\ua\ua\ua\ua
');\ud x$(".xg_widget_forum2_topic_show div.discussion div.description").prepend('\ua\ua\ua\ua\ua\ua
');\ud x$(".xg_widget_profiles_blog_show .xg_blog .postbody").prepend('\ua\ua\ua\ua\ua\ua
');\ud var t_insideforumblogCode = document.getElementById('tmp_insideforumblog');\ud var insideforumblogCode = document.getElementById('insideforumblog');\ud insideforumblogCode.innerHTML = t_insideforumblogCode.innerHTML;\ud}\ud \ua!-- End Special Ad Forums-Blogs --> \ua!-- Copyright @ 2012 JenSocial, VIP Tip - Do not remove this line. Tip: Install FB, Twitter, SU, GP, and Pin buttons after share links --> \uadiv id="tmp_aftershare_social" style="display:none;">\ua\ua\ua\ua\ua\ua\ua
\ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
\ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
\ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
\ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
\ua \ua \ua \ua \ua \ua \ua
\ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
\ua \ua \ua \ua \ua \ua \ua
\ua\ua\ua\ua\ua\ua\ua
\ua/div> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud /* insert 5 social media buttons below blogs, photos, and videos uses same code */\ud x$(".share-links").after('\ua\ua\ua\ua\ua\ua
');\ud var t_aftershare_socialCode = document.getElementById('tmp_aftershare_social');\ud var aftershare_socialCode = document.getElementById('aftershare_social');\ud aftershare_socialCode.innerHTML = t_aftershare_socialCode.innerHTML; \ud}\ud \ua!-- End Install 5 media after all share --> \ua!-- Add Categories and Discussion List Links, Forum --> \ua!-- Main Forum Page --> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\udx$('.xg_widget_forum div.xg_headline div.tb h1:contains("Forum Discussions")').append("\ua\ua\ua\ua\ua\uaList: >>Categories");\ud}\ud \ua!-- Category Page --> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\udx$('.xg_widget_forum div.xg_headline div.tb h1:contains("Discussion Forum")').append("\ua\ua\ua\ua\ua\uaCategories: >>Discussion List");\ud}\ud \ua!-- End Categories List Links --> \ua!-- Add Categories and Entries Links, Forum2 --> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud x$('.xg_widget_forum2 div.xg_headline div.tb h1:contains("Discussion Social Directory Listings")').replaceWith("\ua\ua\ua\ua\ua\ua

Social Directory Listings - Categories

" + "\ua\ua\ua\ua\ua\ua

>>Entries

");\udx$('div.xg_headline div.tb h1:contains("Support & Tips Social Directory Listings")').replaceWith("\ua\ua\ua\ua\ua\ua

Social Directory Listings

");\ud}\ud \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud x$('.xg_widget_forum2_index_index div.xg_headline div.tb h1:contains("Social Directory Listings Social Directory Listings")').replaceWith("\ua\ua\ua\ua\ua\ua

Social Directory Listings

" + "\ua\ua\ua\ua\ua\ua

>>Categories

");\ud}\ud \ua!-- End Cats and Entries Links --> \ua!-- Accordion --> \uascript type="text/javascript">\udx$(document).ready(function(){\ud//Set default open/close settings\udx$('.acc_container').hide(); //Hide/close all containers\udx$('.acc_trigger:first').addClass('active').next().show(); \ud\ud//On Click\udx$('.acc_trigger').click(function(){\ud\u9f( x$(this).next().is(':hidden') ) { \ud\u9x$('.acc_trigger').removeClass('active').next().slideUp(); \ud\u9x$(this).toggleClass('active').next().slideDown(); \ud\u9\ud\u9eturn false;\ud});\ud\ud});\ud \ua!-- End Accordion --> \ua!-- Add QuickPost Links to GOTO links in Status Box --> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\udx$(".xg_widget_main_index div.xj_StatusAndShareLink div.xj_status form div.input div.form-hint").prepend('\ua\ua\ua\ua\ua\ua
\ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua Goto Your: \ua \ua \ua \ua \ua \ua Blog · \ua \ua \ua \ua \ua \ua Discussion · \ua \ua \ua \ua \ua \ua Events · \ua \ua \ua \ua \ua \ua Photos · \ua \ua \ua \ua \ua \ua Videos\ua\ua\ua\ua\ua\ua
');\ud}\udelse{\ud}\ud \ua!-- Google Analytics --> \uascript type="text/javascript">\ud var _gaq = _gaq || [];\ud _gaq.push(['_setAccount', 'UA-2481418-2']);\ud _gaq.push(['_trackPageview']);\ud\ud (function() {\ud var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;\ud ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';\ud var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\ud })();\ud \uascript src="http://static.getclicky.com/js" type="text/javascript"> \uascript type="text/javascript">clicky.init(213462); \uanoscript>\ua\ua\ua\ua\ua\ua\ua

Clicky

\ua/noscript> \ua!-- Claim Outbrain for Blogs --> \uainput type="hidden" name="OBKey" value="zKc+F5C7zcWMfMcACUTh1g=="> \uascript language="JavaScript">var OBCTm='1288731617374'; \uascript language="JavaScript" src="http://widgets.outbrain.com/claim.js"> \ua!--Outbrain Widget for Blogs --> \uadiv id="tmp_blog_outbrain" style="display:none;"> \ua\ua\ua\ua\ua\ua\ua
\ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua\ua\ua\ua\ua\ua\ua
\ua/div> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud /* insert widget bottom of blogs */\ud x$(".xg_blog .postbody").after('\ua\ua\ua\ua\ua\ua
');\ud var tempblogCode = document.getElementById('tmp_blog_outbrain');\ud var origblogCode = document.getElementById('blog_outbrain');\ud origblogCode.innerHTML = tempblogCode.innerHTML; \ud}\ud \ua!-- END Outbrain Blogs --> \ua!-- Claim Outbrain Forums --> \uainput type="hidden" name="OBKey" value="BIxDaM2ll4yyQlbXtzGbSw=="> \uascript language="JavaScript">var OBCTm='1288667913412'; \uascript language="JavaScript" src="http://widgets.outbrain.com/claim.js"> \ua!--Outbrain for Forums --> \uadiv id="tmp_forum_outbrain" style="display:none;"> \ua\ua\ua\ua\ua\ua\ua
\ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua\ua\ua\ua\ua\ua\ua
\ua/div> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud /* insert widget bottom of forums */\ud x$(".xg_widget_forum_topic_show div.discussion").after('\ua\ua\ua\ua\ua\ua
');\ud var tempforumCode = document.getElementById('tmp_forum_outbrain');\ud var origforumCode = document.getElementById('forum_outbrain');\ud origforumCode.innerHTML = tempforumCode.innerHTML; \ud}\ud \ua!-- END Outbrain Forums --> \ua!-- Toggle Content --> \uascript type="text/javascript">\ud x$(".toggle_body").hide();\ud //toggle the content with class toggle_body\ud x$(".toggle_head").click(function()\ud {\ud // 200 is good for fast, and 600 for slow\ud x$(this).next(".toggle_body").slideToggle(200);\ud });\ud \ua!-- End Toggle --> \ua!-- Tabbed Content --> \uascript type="text/javascript">\ud\u9$(".jstab_content").hide(); //Hide all your content under each tab\ud\u9$("ul.jstabs li:first").addClass("active").show(); //Activate the first tab\ud\u9$(".jstab_content:first").show(); //Show the first tab content\ud\u9/On Click Event\ud\u9$("ul.jstabs li").click(function() {\ud\u9x$("ul.jstabs li").removeClass("active"); //Remove any "active" class\ud\u9x$(this).addClass("active"); //Add "active" class to selected tab\ud\u9x$(".jstab_content").hide(); //Hide all tab content\ud\u9var activeTab = x$(this).find("a").attr("href"); \ud\u9x$(activeTab).fadeIn(); //Fade in the active ID content\ud\u9return false;\ud\u9);\ud \ua!-- END Tabbed Content --> \ua!-- js File for Simple HTML Insert - JS Code Generator Developed by Elson --> \uascript type="text/javascript" src="http://storage.ning.com/topology/rest/1.0/file/get/137628310?profile=original"> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\udx$(".xg_chat div#mainChatContainer.xg_verticalPane div.xg_chatWindow div.xg_chatBar").after('\ua\ua\ua\ua\ua\ua
\ua \ua \ua \ua \ua \ua Welcome to JenSocial! \ua \ua \ua \ua \ua \ua Access VIP Club.\ua\ua\ua\ua\ua\ua
');\ud}\udelse{\ud}\ud \ua!-- Replace NingBar Search with Google Search --> \uascript type="text/javascript" src="http://storage.ning.com/topology/rest/1.0/file/get/137628280?profile=original"> \ua!-- Social Wrapper Icons After NavBar --> \uascript type="text/javascript" language="javascript">\udvar fb3_html = '\ua\ua\ua\ua\ua\ua\ua/div>\ua/div>\ua/div>\ua/div>\ua/div>\ua/div>