You can add a scrolling message to the top of your Ning Network (NingBar). This is a great way to make short announcements, slogans, or quotes. The message will be displayed in the NingBar at the top of your site. If you have the NingBar hidden, it will be displayed at the top of your site.

This scrolling message will also stop/go on mouseover.

INSTRUCTIONS:
1. Edit the text below, using your custom text message.
2. Add the entire block of code to the Custom Code Box (Analytics) via My Network/Tools/Custom Code.
Note: If you sign out, it may take a while for the caching to catch up, and for the scrolling message to show. This is true for any tweak you make to your Ning Network.

WARNING: As in all tips offered on JenSocial, tips are hacks. Add at your own risk. Please be sure you do not leave out any characters.

CRITICAL TIP: For some reason a Ning Text Box like this Discussion, changes the "absolute position" code. Please use the attached text file to edit. See image below for how your code should look after style=" and before right:400px



DO NOT USE THIS CODE. EDIT CODE IN ATTACHED FILE.
<!-- Add Scrolling Message to NingBar -->
<div style="xg-p:absolute; right:400px; top:4px;"><marquee onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="125" scrollamount="3" direction="left" height="20" vspace="0" bgcolor="#FFFFFF" style="font-family: Verdana; font-size:10px; color: #CC0000;">To add a scrolling message to your NingBar, change this text, and add the code to your Custom Code Box. If you want, you can add simple links like this: <a style="color:#000000;" href="http://jensocial.com">Visit JenSocial</a> This is a great way to make announcements to your site visitors.</marquee></div>
<!-- End Scrolling Message to NingBar -->

How to Change the Font Size and Color:
Change the font size and color by editing this code, within your code block, above.
font-size:10px; color: #CC0000;

Tip: If you increase the font size, you may need to increase the attribute for: height="20".

Example:


Views: 1227

Attachments:

Replies to This Discussion

LOL on the drunk monkey...

I tried via Firebug on your live site, and it worked for me. Two suggestions: Make sure you're using the code from the attached file, since the discussion strips the word position. And, make sure you don't install and then sign out. It takes a few minutes for changes to show up on signed out.

Best,

Jen

I did all that and still nuttin. I will fiddle with it tonight and report back.

Jen I am curious what you think of my site and if any of your tweaks/hacks I should maybe be using or would be beneficial in your opinion.

I have a lot of podcast work to do for one.

this one is only working in google chrome, and it didnt appear on mozilla, i9,

Make sure you have "position:absolute", and not "xg-p:absolute". Use the attached text file above, instead of copying from tip screen.

Hope that helps,

Jen

As long as the xg-p is "position:absolute" no quotes, in your Custom Code Box, it should work. The Ning platform automatically changes the word "position" in any discussion or blog, for security reasons. However, it will not change the word in Custom Code Box.

Let me know,

Jen

RSS

Members

© 2019   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>