Ditty Mega Ticker

Ditty Mega Ticker adds a new Mega ticker type that allows you to display multiple news tickers within a single Ditty News Ticker! You can include any of your tickers that use any ticker type. The examples provided on this page display tickers using the Ditty RSS Ticker extension.

Mega Scroll Mode

Ditty Mega Ticker also adds a new Mega Scroll ticker mode that allows you to display animated titles for each of your added tickers and scroll through each individually, one after the other.


Mega Scroll Ticker

A feed could not be found at http://www.nfl.com/rss/rsslanding?searchString=team&abbr=DET. A feed with an invalid mime type may fall victim to this error, or SimplePie was unable to auto-discover it.. Use force_feed() if you are certain this URL is a real feed.

Mega Scroll Ticker (with custom styles)

A feed could not be found at http://www.nfl.com/rss/rsslanding?searchString=team&abbr=DET. A feed with an invalid mime type may fall victim to this error, or SimplePie was unable to auto-discover it.. Use force_feed() if you are certain this URL is a real feed.

+The following CSS is applied to the ticker above:

#mtphr-dnt-877 {
  padding: 10px;
  border-radius: 5px;
  background-color: transparent;
  -webkit-transition: background-color .25s ease;  
  transition: background-color .25s ease; 
}
#mtphr-dnt-877.mtphr-dnt-mega-minnesota-vikings {
  background-color: #504973;
}
#mtphr-dnt-877.mtphr-dnt-mega-minnesota-vikings .mtphr-dnt-mega-title {
  color: #ffc137;
}
#mtphr-dnt-877.mtphr-dnt-mega-green-bay-packers {
  background-color: #394d3f;
}
#mtphr-dnt-877.mtphr-dnt-mega-green-bay-packers .mtphr-dnt-mega-title {
  color: #faac3d;
}
#mtphr-dnt-877.mtphr-dnt-mega-detroit-lions {
  background-color: #006291;
}
#mtphr-dnt-877.mtphr-dnt-mega-detroit-lions .mtphr-dnt-mega-title {
  color: #939ca2;
}
#mtphr-dnt-877.mtphr-dnt-mega-chicago-bears {
  background-color: #3a4b57;
}
#mtphr-dnt-877.mtphr-dnt-mega-chicago-bears .mtphr-dnt-mega-title {
  color: #d25631;
}
#mtphr-dnt-877 .mtphr-dnt-tick a {
  font-weight: normal;
  color: #FFF;
}


Quick Start Video