Home
About XMLS


Products:
News Updater

- Download
- Register
- Updates

- Documentation:
-- Dev. Tutorial
-- Dev. Example
-- User Manual


Freeware:
DirToTxt


Awards
Promotion

Recomended
Software

CSS Template - click to view the templateThe best way to get started is to download an example template and modify it for your site. Templates are available from the Downloads page. The CSS Template (screenshot on the right) contains no tables. It uses Cascading Style Sheets for layout. However to keep the HTML code simple, the example below uses tables for layout.

On this page we will show some possibilities not shown in the tutorial.

Using the Index option

This is an example of an "upcoming events" page that makes use of the Index option. The colors show how this template should be split up into the corresponding fields on the Template tab of the News Updater program:

<html>
 <head>
  <title>News Updater Demo</title>
 </head>
 <body bgcolor="#ffffff">
  <h1 align="center">Upcoming events</h1>
  <table border="0" cellpadding="4"
   cellspacing="2" align="center">
   <tr>
    <td>
     <ul>
HTML from the beginning of the page to the news section
      <li>HTML before the index titles
       Index Headers of eventsDummy text used to preview the page while designing in HTML editor.
      </li>HTML after the index titles
     </ul>
    </td>
   </tr>
  </table>
HTML after the index
  <table border="0" cellpadding="4"
   cellspacing="2" align="center" width="80%">
   <tr>
    <td>
     <h2>
HTML before the news heading
      HeaderDummy text
     </h2>
    </td>
    <td align="right">
HTML between the heading and the date
     DateDummy text
    </td>
   </tr>
   <tr>
    <td colspan="2">
HTML between date and news body
     Body of the article
Dummy text
    </td>
   </tr>
  </table>
HTML at the end of the news body
 </body>
</html>
HTML from the end of the news section to the end of the page

Changing the date on the front page

To complete the set of examples we add the easiest of all templates. The front page is split in two parts: before the date, and after the date.

<html>
 <head>
  <title>News Updater Demo</title>
 </head>
 <body bgcolor="#ffffff">
  <h1 align="center">Welcome</h1>
  <p>Take a look at the
  <a href="events.htm">upcoming events</a>
  page. It was updated on
Front page before date
   00-00-0000Dummy date
  .</p>
 </body>
</html>
Front page after date


These examples can be downloaded in Example.wsu.

The events page under construction with a standard html editor.
Preview under construction

The events page in use with News Updater program.
Page in use

Top of page

Product News

News Updater
V1.10 is out!

Powered by News Updater

Friends links: Independent Mission Work

Steun Stimesur

Victory Schilderwerken

Affiliate links:

Download WinRar
Download WinRar Buy WinRar
CSE HTML Validator
CSE HTML Validator Strandard trial Buy CSE HTML Validator Strandard trial