Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

Text Ticker

I use this Text Ticker - code in a textbox on the front page to inform our members on important updates on the network:

<p>&nbsp;</p>
<p><marquee class="html-wpsites" direction="left" behavior="scroll" scrollamount="4" width="100%">YOUR TEXT HERE</marquee></p>

It works great, as it draws direct attention !

In some cases I would like to make the text clickable with a link. Any suggestions how to do that ?

 

 

 

 

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

        • Hi there!

          This one is a bit more complicated than a solution for one line. Also, it depends if you have more then one text ticker on the page.

          Ok, let's imagine the worst situation when you have more than one text ticker on the page. In such case, it's better to add the id to the code of the ticker. 

          <marquee id="first_ticker" class="html-wpsites" direction="left" behavior="scroll" scrollamount="4" width="100%">YOUR TEXT HERE</marquee>

          Any word could be an id so it depends on you which one to choose, just keep in mind that each id should be unique for the page, other words there shouldn't be 2 elements on the page with the same id.

          Also please note that the code works only if ticker is placed in html box.

          So just put this code into the html box where you ticker is located in HTML mode of course:

          <script>
          var elem, cls, per;
          var htmlbox = function ()
          {
          elem = elem.parentElement;
          cls = elem.getAttribute("class");
          if (cls != null)
          {
          cls=cls.split(" ");
          }else
          {
          cls = "test test";
          cls = cls.split(" ");
          }
          return cls;
          }

          per=false;
          elem = document.getElementById("first_ticker");
          while (per===false)
          {
          htmlbox();
          per=cls.some(function(){for (var i=0; i<=cls.length;i++){if(cls[i]==="section-html"){return true;}}});
          }

          elem.setAttribute("style", "background-color:red;");
          </script>

          I have highlighted the id that you can change if you have more then one ticker on the page, and if you wish to change the background for it as well just replace red with the color code. I have described this in the previous comment.

          Also if you wish to use a picture as a background you can use another style properties, not only background-color.

          Please let me know if there are any issues with the implementation of this code.

          Hope this helps.

          Best regards,

          Ning Team.

           

          • Thanks Kyryl, I got them both working ! :-)

            • You are welcome :-)

              Glad it works.

  • This is fabulous.. looking forward in giving this a try on my site. thanks for the tip. 

  • NC for Hire

    here is another way to do it  Tip: How to Add an Easy to Manage News Ticker

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Rae updated their profile
14 hours ago
Anne-Marie Byrne updated their profile
16 hours ago
Annabel Gregory replied to Annabel Gregory's discussion
Our website is blocked
"Well yes, I assumed it had something to do with certificate renewal. Can't Ning get it renewed auto…"
22 hours ago
George H. Compton IV and Oriel are now friends
23 hours ago
⚡JFarrow⌁ replied to Bizz ( John )'s discussion
Liven Up Your Sub Tabs With Headings Updated: Full Code Added For All Colours 05-02-17
"Did you leave again?  Your site doesn't seem to be up anymore"
yesterday
⚡JFarrow⌁ replied to GUICHARD's discussion
Need someone to create a widget
"So you basically want to be able to create training modules on your site?  Ill send you my contact…"
yesterday
Kos replied to Kyryl_Ning_Support's discussion
Facebook integration. Instructions
"Suzie's site has been experiening Facebook problems as well but it seems intermitent and not on a c…"
yesterday
⚡JFarrow⌁ replied to Kyryl_Ning_Support's discussion
Facebook integration. Instructions
"I keep getting the following errors

 

and there is nothing in the instructions on how to handle t…"
yesterday
⚡JFarrow⌁ and Oriel are now friends
yesterday
Anna_Ning_Support replied to Fabricio Giugni's discussion
Anything will get change on Ning right now?
"Hello, Fabricio!
We do understand your frustration. The feedback you provided us with is already re…"
Monday
Anna_Ning_Support replied to Suzie Nielsen's discussion
SSL on Ning 2
"Hello, Suzie!
We checked your site https://theconstitutionalconservatives.com/ and it is shown as t…"
Monday
Anna_Ning_Support replied to Kevin Acosta's discussion
need help - - unable to create a new ticket for Ning Support
"Hello, Kevin!
We do apologize for this inconveniences and already cleared something on our end.
Ple…"
Monday
More…

Meanwhile, you can check our social media channels