News Ticker

Website Design Skill Level:

 

A news ticker is an interactive feature that can be added to any page, presenting a list of items in a horizontal news feed. The feature is screen reader compatible but can be hard to read on screen for some users and should only be used for snippets of information to catch the eye.

Important note: the more list items you add the faster the ticker will travel! The recommended limit is 10 items per ticker. 

Example

Our Latest Thank You Messages

Our Latest Thank You Messages
  • MONALIZA GABAL thanked JOSEPH DIXON for simply being amazing
  • MONALIZA GABAL thanked VICKY ROBERTS for amazing academic support
  • ABIGAIL WARD thanked JENNIFER TAYLOR for going the extra mile
  • HARSHANA MOLLA thanked HARSHANA MOLLA for simply being amazing

Adding Tickers to your Page

To add a News Ticker to your page, copy the snippet below into the code of your page. Replace the text HEADER HERE and ITEM with your content. You can theme the text within each item (eg. bold, colours, italics etc).

<div class="ticker-wrapper-h">
   <div class="heading"><strong style="font-size: 20px;">HEADER HERE</strong></div>
   <ul class="news-ticker-h">
        <li>ITEM<i class="fa-solid fa-star"></i></li>
        <li>ITEM<i class="fa-solid fa-star"></i></li>
        <li>ITEM<i class="fa-solid fa-star"></i></li>
        <li>ITEM<i class="fa-solid fa-star"></i></li>
   </ul>
</div>

 

We proudly represent the academic interests of all Students at Staffordshire University. Providing advice, student groups and fantastic experiences that make us all very Proud to be Staffs.