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


Mega Scroll Ticker (with custom styles)


+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