Specific example for OpenSourceXperts.com (JavaScript)

This is a specific example for including OpenSourceXperts.com solution provider feeds using JavaScript.

  1. Go to the Solution Provider Index
  2. Select the feed you want to include. For example, this is the URL of the feed for PHP solution providers:

    http://www.opensourcexperts.com/Index/rdfrss/PHP.xml
  3. Copy the feed and paste it into the RSSxpress-Lite channel selection field.
  4. Submit your selection and copy the generated JavaScript/HTML code. For example, here is the code for the PHP solution provider feed:


    <script src="http://rssxpress.ukoln.ac.uk/lite/viewer/?rss=http%3A%2F%2Fwww.opensourcexperts.com%2FIndex%2Frdfrss%2FPHP.xml">&lt/script>
    <noscript>
    <a href="http://rssxpress.ukoln.ac.uk/lite/viewer/?rss=http%3A%2F%2Fwww.opensourcexperts.com%2FIndex%2Frdfrss%2FPHP.xml">View </a>
    </noscript>

  5. Paste the code snippet where you want it displayed in your HTML.
  6. Optionally, use CSS to style the output. See copy of RSSxpress-Lite instructions below.

We are looking at ways of making the look and feel of included channels easy to control by the end-user. At the moment this is
done through the use of user defined stylesheets. RSSxpressLite places a number of stylesheet classes into the channel
output. You may define these classes to make adjustments to the way the channel looks in your site.

Currently, these classes are:

  • rssxpresschannel -
    the RSS channel is wrapped in a single <div> with this class. Changes to this will effect all of the channel
  • rssxpresstable -
    the RSS channel is formatted (rightly or wrongly :-) ) using a table of this class. Changes here
    could effect text alignment, etc.
  • rssxpresschtitle -
    the RSS channel title
  • rssxpresschdesc -
    the RSS channel description
  • rssxpressittitle -
    each of the item titles have this class. Note that because each of these are links, there are limitations to
    their control. If you wanted a specific colour for example you would need to define an A:link colour that would
    effect all the links on the page, not just the RSS channel
  • rssxpressitdesc -
    the RSS item description
  • rssxpressdivider -
    the items from the channel are separated from the main description at the top, and other things at the end, but
    a single pixel, single column, row in the RSS channel layout table. To change the colour of this alter the
    background colour attribute in the stylesheet

To see this stylesheet in action see the demo pages. You can also view the separate
skeleton style sheet.