Wiki Style/Special Tables

About Table Classes Using Table Classes Limitations Table Classes WISC Templates Table Class Requests

The Madison Wiki has it's own unique style, partly due to the special tables you can create on each page. Here's how to put them on a page and add some interest to a page. To create a special table on a page, all you have to do is insert a table class tag that we've defined in the Madison Wiki code.

About Table Classes

You can add tables to any page to organize information. You can also give the tables special colors to make them more interesting, but the changes you can make are limited. In the wiki CSS settings, we put in special "table class" settings to make special tables for pages on the wiki. This allows us to use special fonts, (incl. sizes, colors, styles), special borders, and link styles that can apply to the whole table. Rather than enter in any style information over and over again, you just have to insert one tag into the table and you're done! (This also allows us to change settings that you currently can't change in the wiki code that Wiki Spot uses.)

Using Table Classes

When creating a table, you put text inside of the vertical line characters to create a table cell (border added): ||<tableborder="1">Text||, which looks like this:

Colors can be added by inserting a color tag inside the cell: ||<bgcolor="#990000">Text||, which looks like this (no border): Wouldn't it be nice to have white text so we can see it on the dark red background? Well now you can! The first table class we defined on the Madison Wiki was created to solve this very problem for pages related to UW-Madison.

To make a table class apply to an entire table, simply insert this tag into the table: <tableclass="classname">
Thus, our table above should look like this when you edit it: ||<tableclass="wisc">Text||, which looks like this:

Wasn't that easy?
If you'll notice, more than just the text color was changed, see below for details.

For more help with tables, see the Wiki Spot help pages: Help with Tables, Help with Colors

Limitations

Once a table class is applied to a table, the text colors and style apply to the whole table. Thus, in the example above, the Copperplate Gothic Light text will appear in white for all of the text in the table. So you couldn't have the cells in the table alternate between different colors, and have the text color change to match. If you want to alternate colors like in some of the page templates, then don't use a table class - just change the colors of the table to a light shade so that the normal text and links will be visible.

Table Classes

WISC

This table class was made to give UW-Madison-related pages a UW feel to them. Since the university is a central feature of the city, there will be many pages related to it, so this would help in formatting those pages with special colors. Here's what it changes:

• Table width set to 400 pixels.
  

• Table background color dark red. (#990000)
  

• Table border darker red. (#660000)
  

• Font style changed to Copperplate Gothic Light.
  

• Font size changed to 18px.
  

• Text color changed to white. (#FFFFFF)
  

• Link color changed to golden. (#CC9933)
  

• Link "hover" color changed to yellower shade of gold. (#CCCC33)
  

• Broken link/page not created yet changed to a light gray (#DDDDDD)

Although the "wisc" table class makes the cells all dark red, you can make some of the cells other colors to break it up and make it interesting.

• <bgcolor="#CC9933"> - add this to an empty cell to make a golden line.
  

• <bgcolor="#888888"> and <bgcolor="#777777"> - you can use these to make lists in the table.

Example "wisc" table:

||<tableclass="wisc">'''Heading'''|| - quotes for bolder headings.
||Information||
||<bgcolor="#CC9933">|| - makes a golden line
||'''Links'''||
||[http://www.example.com]||
||["Front Page" Wiki link]||
||<bgcolor="#CC9933">||
||'''List'''||
||<bgcolor="#888888">Item 1|| -
||<bgcolor="#777777">Item 2|| - Alternate colors to break things up a bit.
||<bgcolor="#888888">Item 3||
|||| - Makes a neat little cap for the end of the list.

Looks like:

Gorgeous, isn't it?

Templates

The following templates use the "wisc" table class:

• UW Building
  

• UW Department

For the CSS code, see /WISC.

Table Class Requests

If you would like a special table class inserted into the Madison Wiki CSS file, request it here. Please define the table colors, table width, border color and thickness, text style, size, color, and link colors (normal, hover, and links to nonexistent pages). (you don't have to define every one of them just those that you want changed.) Also, tell us what group of pages you think it would be useful for - we're not going to define new classes for people's personal pages or organizations.

Request a table class

dont enter into this box: