Feed Ticker Manual

Use any Feed (RSS or Atom), to dynamically show the latest news, photos or what ever you want on your site! Show a list with your latest your photos from Flicker, videos from YouTube, the latest songs from iTunes, your newest Blog entries - everything is possible!

Get the best technologies at your fingertips. The extension uses the Google AJAX Feed API, for the most efficient retrieval of your feeds. This automatically enables advanced caching and compression technologies for the fastest Feed retrieval. We use jQuery for the best presentation possible. Include text, thumbnails and cool animation effects. jQuery enables intelligent Feed recognition so it can present thumbnail information regardless of the Feed source while taking care of great visual effects.

Fully integrated in Dreamweaver - Set your options within user friendly interface, no coding is required.

Advanced: Changing the Feed Ticker Properties

.dmxFeedTicker
This is the main container of the Feed Ticker, we'll show you how you can use it to add a background, border, margins, padding, the width and the overflow properties.

Property	Relevant CSS rule	Description
Background	.dmxFeedTicker	Background color or image.
Border		Border options.
Margin		Spacing around the div.
Padding		Spacing inside the div.
Width		Width of the div.
Overflow		Prevents overlap of the feed items, we recommend to leave this setting to hidden.

.dmxFeedTicker_list

We explain how to change the margin, padding and style of list items (ul and li), this is only used when using text feeds.

Property	Relevant CSS rule	Description
font-Family	.dmxFeedTicker_list	Set the font family
font-size		Set the font size
font-weight		Font weight
margin		The spacing around the text items
padding		The spacing around the text items (we recommend to adjust the margin and leave the padding at 0px).
list-style		Change the list style to add bullets or other list styles in front of your text items. You may need to adjust the margins of your list to ensure a proper display of your list items.
white-space	.dmxFeedTicker_list li	This parameter is set to nowrap to prevent text from being cut-off, we recommend to leave this property to nowrap.

.dmxFeedTicker_table_div and .dmxFeedTicker_table (tr,td, img)

We explain how to change the alignment of your feed and how to change the border and background options of your image.

Aligning your image feeds to the left

Set the text-align of your .dmxFeedTicker_table_div CSS rule to left.
Remove the margin-right property and set the margin-left property to another value then auto or remove it.
Add a float property with value left.

Aligning your image feeds to the right

Set the text-align of your .dmxFeedTicker_table_div CSS rule to right.
Remove the margin-left property and set the margin-right property to another value then auto or remove it.
Add a float property with value right.

Property	Relevant CSS rule	Description
border	.dmxFeedTicker_table img	Border options.
background	Background color or image.

Property

Relevant CSS rule

Description

border

.dmxFeedTicker_table img

Border options.

background

Background color or image.

.dmxFeedTicker_result (a, img)

We explain how to change the margin, padding around your photos.

Property	Relevant CSS rule	Description
margin	.dmxFeedTicker_result	The outer spacing around the text items
padding	.dmxFeedTicker_result	The inner spacing around the text items
color	.dmxFeedTicker_result a .dmxFeedTicker_result a:hover .dmxFeedTicker_result a:visited .dmxFeedTicker_result a: active	Change the color of your text feeds
background		Background color or image.
border		Border options.
display	.dmxFeedTicker_result .dmxFeedTicker_result img	We recommend to leave this style to their original value as it is used to make sure the Feed Ticker is displayed correctly in all browsers.