Installing PSS

Download PSS and expand the Zip archive. The following files must be uploaded to your Web server:, class.html, images (folder), networkstyle.css, public (folder), tools (folder), uptodate.php, url_list.txt.

One of the most important files in a PSS Web site is presentation.html. This file is the content shared over the hypernetwork. The first step is to create a new file titled presentation.html. Because this file will be shared over the network, it is important that it contains the standard PSS stylesheet tags to display properly on other Web sites. If you omit these tags, your news will not display properly on the other sites in the hypernetwork.

The first line contains the title of your Web site and a link to your Web site, all contained in the <div class="littletitleDiv"></div> tags. For example, if your Web site was named John’s Blender Models at the domain johnsmodels.com, your first lines of HTML would look like this:

<div class="littletitleDiv">
   <a href="http://www.johnsmodels.com" >John's Blender
   Models</a> - LATEST NEWS
</div>

Below your title we will add your Web site news. All of this content is enclosed by the tags <div class="newsBody"></div>. The news might appear as seen below:

<div class="newsBody">
<b>15 Oct 2004 - New Web site!</b><br />
   <p>After several months creating some exciting new Blender 3D
   models, we've launched our new Web site.</p>
<div class="footer"></div>
</div>

Be sure to include the final <div class="footer"></div> CSS tags in your news.

Because the presentation.html file is shared over the hypernetwork, it is important to keep images in your presentation.html as small as possible so that users will not be forced to endure long page-loads while visiting other sites on the network.

Make sure that all linked files and images use absolute links, meaning the links include your domain name in the link source. A hyperlink should always start with your domain, for example http://www.yourdomain.com/images/myimage.jpg is correct but images/myimage.jpg will not load properly when your news is displayed on other sites in the network.

If your news describes a specific page to visit, you might consider adding a link to that page to the footer. Add your text and link in-between the <div class="footer"> and </div> CSS tags. Following the example above, a customized footer might look like this:

<div class="footer"><a href="http://www.johnsmodels.com">Read More</a></div>

This is how the completed presentation.html code might look, followed by how the same code would be displayed on the network:

<div class="littletitleDiv">
   <a href="http://www.johnsmodels.com" >John's Blender
   Models</a> - LATEST NEWS
</div>
<div class="newsBody">
<b>15 Oct 2004 - New Web site!</b><br />
   <p>After several months creating some exciting new Blender 3D
   models, we've launched our new Web site.</p>
<div class="footer"><a href="http://www.johnsmodels.com">
Read More</a></div>
</div>

Of course, the code will be different for your site. This example is shown as an idea of how you might customize your presentation file.

Once you have finished your new presentation.html, save the file and upload it to your Web server.

The text file url_list.txt contains the other Web sites on the hypernetwork that will be displayed on your Web site.

Open the file and add the address of the other sites. Each address should only include the domain, for example www.psbsite.com. If there is more than one site, each additional site must be on its own line so there is only one domain per line in the text file.

As an example, there are currently four Web sites on the GNOS Network. If you want your site to join that network, you would add the following addresses to url_list.txt.

www.blender3d.it
www.dedalo-3d.com
www.katorlegaz.com
perso.wanadoo.fr/blenderic

PSS doesn’t have to be used with GNOS. It can be used to create an entirely new network as long as the other Web sites on the new network use either PSS or PSB.

Upload your saved changes to url_list.txt to your Web server.

Because the network uses PHP, it is important that your homepage be PHP as well. Your homepage should be named index.php. If it is currently named index.html or index.htm, change the file extension to .php.

Add the following lines of code to the <head> of your homepage:

<link rel="stylesheet" href="networkstyle.css" type="text/css" />

And place this in the body of your homepage where you want your network news to appear:

<php include ('class.html'); ?>

For example, if you want the network news to appear at the bottom of your homepage add the code at the bottom.

Save the changes to index.php and upload to your Web server.

By default the network is automatically updated every six hours. If you would like to manually update your homepage to display the latest news now, enter the following address in your Web browser:

http://www.yoursitedomain.com/tools/force.php

You may also have to use this script to force an update to your homepage after first installing PSS.

The following CSS classes are used by PSS to display the news.

• littletitleDiv—Banner title for Web site news, increases font size, and makes text bold.
• newsBody—General news content.
• illustration—Aligns images to the left of news content with padding so text is not flush. against image.
• newsBody—Formatting for lists in news content, including a document image and padding.
• footer—Creates a dashed line, reduces text size, clears all formatting so additional content displays properly.