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`; the status code is `200` and content-type is `text/html`

Mega Scroll Ticker (with custom styles)

A feed could not be found at `http://www.nfl.com/rss/rsslanding?searchString=team&abbr=DET`; the status code is `200` and content-type is `text/html`

[mtphr_toggle heading=”The following CSS is applied to the ticker above:” condensed=”1″ class=”settings-toggle”]

#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;
}

[/mtphr_toggle]


Quick Start Video