Home arrow Articles arrow User Guides arrow RSS: Javascript Feeds

RSS: Javascript Feeds

Written by Kelsey Sigurdur Friday, 07 April 2006

CSS: Simple Headlines Only

Output

Code


<style type="text/css">
.uncharted_feed {
   width:270px;
   padding: 10px;
   font-family:verdana, arial, geneva, helvetica, sans-serif;
   border: 1px solid black;
   }
.feed_js_image {
   border:none;
   float: right;
   }
a.feed_js_title {
   color:black;
   font-size:large;
   font-weight:bold;
   }
.feed_js_description {
   margin: 10px 0;
   font-size:xx-small;
   border-bottom:1px solid black;
   }
.feed_js_item_title {
   font-size:small;
   font-weight:bold;
   margin-bottom: 10px;
   }
.feed_js_item_description {
   display:none;
   }
</style>
<div class="uncharted_feed">
   <script type="text/javascript" src="http://www.uncharted.ca/rss/feed.php?version=JS"></script>
</div>

The next example is a wee bit fancier looking and demonstrates the flexibility that CSS provides.

© 2020 uncharted.ca

0.032617