Style Preview!

Here is a preview of the Basic Blue style sheet applied to the RSS Feed http://ezinearticles.com/members/rss/Terri-Stallcop.xml. The URL to generate this view is:

http://ezinearticles.com/members/style_preview.php?feed=http%3A%2F%2Fezinearticles.com%2Fmembers%2Frss%2FTerri-Stallcop.xml&flavor=basic1

CSS Applied

Below is the CSS applied here, yours for copy and pasting pleasure. See below for a description of the classes provided.

You may also use the form below to modify the CSS to experiment with your own variants. If you make something unique, pretty, or just plain interesting, please share it so we can build a nicer collection.

/* begin styles for RSS Feed */ .rss_box { margin: 10px 5%; padding: 4px 8px; width: 460px; background-color: #ededed; border: 2px dashed #7485CA; } .rss_title, rss_title a { font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif; font-size: 18px; font-weight:bold; margin: 5px 0; padding: 0; letter-spacing: 1px; } .rss_items { } .rss_item { font-family: verdana, arial, sans-serif; font-size: 13px; font-weight : bold; margin: 8px 0; } .rss_item a:link, .rss_item a:visited, .rss_item a:active { text-decoration : none; border-bottom: 1px solid #ededed; color: #88b; } .rss_item a:hover { text-decoration : none; color: #e0861e; border-bottom: 1px dotted #e0861e; } .rss_date { font-size: 11px; font-weight : normal; color: #F60; }

Make changes and or

CSS classes

This sketch represents the CSS classes created.

• rss_box defines the bounding div for the entire display- use to define borders, fill, etc.
• rss_title the title of the feed and link style if displayed. Use with variants of rss_title a:link, rss_title a:hover, etc for rollowver styles
• rss_items defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items.
• rss_item display of each feed item description and title, <li>...</li> as well as the channel description, if displayed.
• rss_item a: variant for the item title and link style
• rss_date defines the display of item posting dates