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

J.Ayvar left a comment on Ning Networks en español
"Hola! Alguien ha construido una versión de Ning. 4? Yo ya cree mi sitio web en la última versión.…"
4 hours ago
José Luis Cuendia replied to Victoria_NING's discussion
Let’s recall the Q2: what was achieved
"As the creator of a network of photographers, all its members are very angry, how one of the most n…"
15 hours ago
J.Ayvar replied to Amber Nelson's discussion
Off Topic Rant - Self Hosted - The Good, the Bad And The Infuriating
"I have been a customer for 12 years ago. 
What can we say? We have never lost confidence in your pr…"
16 hours ago
J.Ayvar replied to J.Ayvar's discussion
Ning 4. PageSpeed Insights Vs Ning 3

One of the reasons why our projects decreased in the search ranking was the speed
Today the devel…"
16 hours ago
Steve C posted a discussion
I want to have preset forum discussion searches on my Ning 2 network so members can go to search re…
16 hours ago
Steve C replied to Amber Nelson's discussion
Off Topic Rant - Self Hosted - The Good, the Bad And The Infuriating
"Agreed, Amber! I love Ning. It just needs to catch up technology wise but it's one thing I don't ha…"
17 hours ago
Steve C replied to J.Ayvar's discussion
Ning 4. PageSpeed Insights Vs Ning 3
" Speed is the reason I haven't moved to Ning 3 yet. Ning 2 is so much faster; not as fast as I'd li…"
17 hours ago
José Luis Cuendia left a comment on Ning Networks en español
"Tengo una red social de fotógrafos www.moldeandolaluz.com y es lamentable que haya desparaecido el…"
22 hours ago
J.Ayvar posted a discussion
yesterday
justin.farrow and ⚡JFarrow⌁ are now friends
NC for Hire
yesterday
Kos replied to Fabricio Giugni's discussion
Can we transfer Member and content from Ning 3 to Ning 4 ?
"As a 3.0 user, it's good to know it's coming"
yesterday
Tyler Wilcox, joelmedicine@gmail.com, justin.farrow and 15 more joined Ning Creators Social Network
yesterday
More…

Meanwhile, you can check our social media channels