Style Preview!

Here is a preview of the style sheet applied to the RSS Feed . The URL to generate this view is:

http://lighthousepro.net/feed/style_preview.php?feed=&flavor=

CSS Applied

Below is the CSS applied here, yours for copy and pasting pleasure. See below for a description of the classes provided and refer to the Feed2JS style selection site for more details on where to use this code.

You may also use the form below to modify the CSS to experiment with your own variants.

/* begin styles for RSS Feed */ .rss_box { margin: 1em; width: 300px; background-color: #99CCFF; border: 1px solid ##5F74CC; } .rss_items { margin-top:0px; padding:0.5em; 0.5em; margin-left:0px; color:##0099ff; } p.rss_title {padding:0.5em;} .rss_title { text-decoration: none; font-family: verdana, sans-serif; font-size: 85%; background-color:#330066; color:#ffffff; font-weight:bold; margin: 0px; padding:0em; text-align: left; } .rss_item { font-family: verdana, arial, sans-serif; font-size: 0.75em; font-weight : normal; list-style:none; padding-bottom:1em; } .rss_item a { color:blue; font-size: 105%; font-weight:bold; font-family:arial, sans-serif; } .rss_item a:visited { color:#330066; } .rss_date { font-size: 85%; font-weight : normal; color: #F60; }

Make changes and or

CSS classes

This sketch represents the CSS classes created by Feed2JS.

• 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 rollover 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