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!

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

⚡JFarrow⌁ replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"Would it be helpful if I made some videos for how to make different things happen on Landing Pages…"
12 hours ago
Anastasia_Ning_Support replied to Hugh's discussion
Yet Another Ning Disaster - All Pictures Shrunk!!
"Hello Hugh!
We continue to work on eliminating the rest of the issues as well, I apologize for keep…"
17 hours ago
Anastasia_Ning_Support replied to Thisisbully's discussion
5 months no new updates
"Hello!
I remember, those updates were put on our roadmap and announced here on creators. I will be…"
17 hours ago
Anastasia_Ning_Support is now a member of NING BUSINESS CLUB
19 hours ago
⚡JFarrow⌁ replied to Anastasiia_NING support's discussion How to monetize website: Sell or rent internal pages in NING BUSINESS CLUB
"I certainly plan to utilize this when i am able to migrate"
yesterday
Anastasiia_NING support left a comment on NING BUSINESS CLUB
"If you have your website, you should be ready for something special - communication with your clien…"
yesterday
Thisisbully replied to Thisisbully's discussion
5 months no new updates
"I was referring to push notifications and quick add buttons on the activity feed that was said to b…"
yesterday
Thisisbully replied to Thisisbully's discussion
5 months no new updates
"I accept the honesty "
yesterday
Hugh replied to Hugh's discussion
Yet Another Ning Disaster - All Pictures Shrunk!!
"The enlarged photos seems to be fixed (for the time bieng - but I'm not getting too excited because…"
Monday
Anastasia_Ning_Support replied to Tony19's discussion
Il lettore musicale non funziona
"Hello Tony!
I am sorry for the confusion. I meant that it is not possible to upload new audio files…"
Monday
Anastasia_Ning_Support replied to Thisisbully's discussion
5 months no new updates
"Hello!
I understand your frustration, but unfortunately, this is all I can say for now. We will gla…"
Monday
Anastasia_Ning_Support replied to Ana Massien's discussion
Some Suggestions (Modules)
"Hello!
Thank you so much for your feedback! :)
Best regards,
The NING Team"
Monday
More…

Meanwhile, you can check our social media channels