Design Test Page

This is a test page to preview the effects of design changes on your site. Make sure you put an example of every design element on this page, including:

  • Unordered lists, including at least one item that is quite long so you can see the effect of word wrapping on your formatting
  • All types of headings
  • Normal text, bold, italics, bold italics
  • Tables
  • Links, both followed and unfollowed

Also make sure you include:

  1. Ordered lists, again with one item that is really long and shows the effect of word wrapping on your list's formatting
  2. Special CityScript you've written, like my box variables
  3. Blockquotes
  4. Code blocks
  5. Pre blocks
  6. Any advertising, like Google Adsense
Site Variables
Copyright This site Copyright 1999-2005 Darren Collins.
SiteName CityDesk
TagLine Web content management for the masses.
SiteKeywords The Pool Room, Fog Creek CityDesk Pro, Contributor, Darren Collins, articles, tips, FAQ, web site development

This Is A Box

This is what text inside a box will look like.

You can have unordered lists inside boxes:

  • Like this
  • Or this

You can also have ordered lists:

  1. Like this
  2. And this

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Now for a <blockquote>:

This is text inside a blockquote. The first paragraph is quite long, so that it wraps and you can see what effect that has on the formatting.

The second paragraph is quite short.

Now for a section of <code>:

<h1>Heading 1</h1>
  <h2>Heading 2</h2>
  <h3>Heading 3</h3>
<h4>Heading 4</h4>

Now for a block of <pre> text:

This is pre-formatted text
  Include things like indents, muliple    spaces, etc

Include a book link:


Related Articles
- Handy Variables
- Design Test Page
- CityDesk Beta 2.0.1 First Impressions
- Boxed Content
- Managing Content Fragments
- CityDesk Short Tips
- Template Mockups
- Creating A Main Page
- Index Pages
- Using Folders
- Committee Intranet Site
- Migrating to CityDesk
- CityDesk First Impressions
- CityDesk Links

Here's a long piece of text in the sidebar area of the page, taking up plenty of width to make sure lines wrap properly.

Sidebar Box
And this is what a box looks like in the sidebar area of the page (sometimes font, sizes, colours, etc can be different over here).

  • Item 1
  • Item 2
  1. Item 1
  2. Item 2

This site Copyright 1999-2005 Darren Collins.