About the demo
The phpns demo is provided so you can try the CMS out before you download the package. The demo includes two different elements; the 'main page' (where you can see what the end-user sees), and the administration panel (where you can manage the articles).
The demo has several restrictions, to prevent against vandalism. You will only be able to create articles, edit articles, and delete them.
Demo source code
<html>
<head>
<style type="text/css" media="all">
body {
font: 12px sans-serif;
margin: 0;
}
#messages {
color: white;
background: black;
padding: 5px;
border-bottom: 3px solid #000;
}
#messages a {
color: white;
}
#head_container {
background: #333;
height: 150px;
border-bottom: 6px solid #999;
width: 100%;
}
#head_container h1 {
padding-top: 100px;
margin: 0;
font-size: 63px;
font-variant: small-caps;
color: white;
}
#main_container {
padding: 10px;
}
#latest_article {
font: 14px monospace;
}
#main_container #navigation {
margin-top: 10px;
margin-left: 10px;
width: 20%;
padding: 0;
font: 15px mono;
border: 5px solid #999;
background: #eee;
}
#main_container #navigation ul {
list-style-type: none;
margin: 0;
padding-left: 0;
}
#main_container #navigation li a {
text-align: center;
padding-top: 20px;
display: block;
width: 100%;
height: 40px;
}
#main_container #navigation li a:hover {
background: #666;
color: white;
}
#main_container #news {
float: right;
width: 77%;
margin-bottom: 30px;
font-size: 1.2em;
line-height: 1.5em;
}
#main_container h1, #main_container a {
color: #333;
</style>
</head>
<body>
<div id="messages">You are viewing the Phpns demo.
<a href="index.php">Click here to return to the main website.</a>
</div>
<div id="head_container">
<h1>Phpns Demo Site</h1>
</div>
<div id="main_container">
<div id="news">
<?php
include("./demoadmin/shownews.php");
?>
</div>
<div id="navigation">
<ul>
<li><a href="demo.php">Demo Home [News]</a></li>
<li><a href="demoadmin/index.php">Demo Admin</a></li>
<li><a href="about_the_demo.php">About the Demo</a></li>
</div>
</div>
<!-- tracking -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1324988-1";
urchinTracker();
</script>
</body>
</html>