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
cBannerBg
#990033
cBannerText
#ffffcc
cBorder
#000000
cHeaderBg
#ffffcc
cHeaderText
#990033
cMenuBg
#c0c0c0
cMenuText
#000000
cPageBg
#336699
cQuote
#ffffcc
cSubMenuBg
#ffffcc
cTableBg
#ffffcc
cTableHeaderBg
#990033
cTableHeaderText
#ffffcc
cTableText
#000000
Copyright This site Copyright 1999-2004 Darren Collins.
SiteName Photography Info
TagLine The craft of making photos.
SiteKeywords The Pool Room, Darren Collins, Kiama, articles, photography

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
Photography
- sitemap
- Photography 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-2004 Darren Collins.