I'm working on a XML Application that is similiar to RSS, but with a interface that is the same over all browsers.
This is the code so-far.
XML Code
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="XSL/newsfeed.xsl"?>
<feed xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="TheSecretArts XSD/newsfeed.xsd">
<item>
<title>Again!</title>
<date>6/9/08 8:47 PM</date>
<category>Misc.</category>
<author>TheSecretArts</author>
<body>Adding more items to the list</body>
</item>
<item>
<title>More Items</title>
<date>6/9/08 8:46 PM</date>
<category>Misc.</category>
<author>TheSecretArts</author>
<body>Adding more items to the list</body>
</item>
<item>
<title>Birth</title>
<date>6/3/08 8:50 PM</date>
<category>Misc.</category>
<author>TheSecretArts</author>
<body>This heralds the birth of this XML application. By birth, I mean the application is in working order. Not necesarily finished, but working enough to be used.</body>
</item>
</feed>
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/" xmlns:TheSecretArts="uri:1">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[Title] News Feed</title>
<style type="text/css">
table#main{
width:"100%"
}
table#high{
width:"100%";
height:"50px"
}
body{
font-size:"20px"
}
#top{
background-image:url(images/top.gif);
background-repeat:repeat;
text-align:"center";
width:"100%"
}
#small{
font-size:"12px"
}
#full{
height:"100%";
width:"100%"
}
#feed{
width:"85%";
vertical-align:"top"
}
#feedfoot{
width:"85%";
vertical-align:"top";
text-align:"center"
}
#nav{
vertical-align:"top";
padding-left:"10px";
background-image:url(images/side.gif);
background-height:"100%";
background-width:"100%"
}
#title{
padding:"3px";
font-size:"24px";
background-image:url(images/TBBG.gif);
background-repeat:repeat;
font-weight:"bold"
}
</style>
</head>
<body>
<table id="high" cellpadding="0" cellspacing="0">
<tr>
<td>
<img id="full" src="images/topleft.gif" />
</td>
<td id="top">
This is the news feed for all information on things regarding [topic]
</td>
<td>
<img id="full" src="images/topright.gif" />
</td>
</tr>
</table>
<table id="main" cellspacing="0">
<tr>
<td id="feed">
<xsl:for-each select="feed/item">
<xsl:sort select="date" order="descending" />
<div id="title">
<xsl:value-of select="title" />
</div>
<div id="small">
Date: <xsl:value-of select="date" />
<br />
Category: <xsl:value-of select="category" />
<br />
Author: <xsl:value-of select="author" />
<br />
</div>
<xsl:value-of select="body" />
<br />
<br />
</xsl:for-each><div id="title"><br /></div>
</td>
<td id="nav">
Nav stuff
</td>
</tr>
<tr>
<td id="feedfoot">
<div id="small">
This XML News feed created entirely by TheSecretArts.
Training from
<a href="http://www.w3schools.com">
W3Schools.com
</a>.
This site was written using XML Notepad 2007.
<br />
This feed is updated by a manually run PHP update script written by TheSecretArts.
</div>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
And I attached a pic of what it looks like.
Any improvements to the interface, or to the coding I can make? I'm kinda novice at XML so I might be making some novice mistakes. Besides the Navigation stuff of course.
Added Image and link support.
Just gotta get the PHP updater script to work and work on some nav stuff.
also it now works on safari but now doesnt work on firefox