From Brooklyn Centre Wiki

Revision as of 16:49, 23 March 2007

CODING TIPS

The following examples can be used for reference when coding Wiki pages. Please don't alter this page.

CITATIONS

The extension Cite.php has been added to this WIKI. The following code will allow references to be added as footnotes.

GOOGLEMAP CODE

The following is the correct code for the googlemap extension. The first gives a street map zoomed out enough to give a good idea of where the location is in the general scheme of things. The second is a satellite view zoomed in for better detail.

• Note that the marker is set by the line following the first set of tags.
• Zoom levels are 0 thru 17.
• Map types can be 'map', 'satellite', 'hybrid'
• Controls are 'small', 'medium', or 'large'

BOX CODE

The following is a sample quotebox as is used on this Wiki:

An alternate style:

Still another boxed text style:

IMAGE CODE

[[image:YMCA.jpg|frame|30px|gfx on the right]]	gfx on the right
[[image:YMCA.jpg|frame|30px|center|gfx centered]]	gfx centered
[[image:YMCA.jpg|frame|30px|left|gfx on the left]]	gfx on the left
[[image:YMCA.jpg|thumb|gfxthumbnail]]	gfx thumbnail gfx thumbnail

To use an image from another part of the server and have text wrap around it on the left, code the URL as follows:

<p style="float:right;"> http://zodiacal.com/barbarowa/trees/photos/Fish,%20James%20Sr.jpg </p>

TWO COLUMNS

This is a demonstration of breaking the page up into two columns. The left column will have no background color, whereas the right column will have a light blue and have a slightly smaller text size. The columns are separated by a thin black line (this line does not seem to extend the full length of the second column, however).

ADD NEW EDITING BUTTON

1. Create new .png button and upload to /skins/common/images
2. Add new array to /includes/EditPage.php (around line 1683 in version 1.6.10)

See this URL for more detailed instructions:
http://meta.wikimedia.org/wiki/Customizing:Edit_Toolbar

FAMILY TREE DIAGRAMS

A nice diagrams can be drawn using the familytree template set. Sample code like this:

{{familytree/start}}
{{familytree | | | | GRM |~|y|~| GRP | | GRM=Grandma|GRP=Grandpa}}
{{familytree | | | | | | | |)|-|-|-|.| }}
{{familytree | | | MOM |y| DAD | |DAISY| MOM=Mom|DAD=Dad|DAISY=[[Aunt Daisy]]}}
{{familytree | |,|-|-|-|+|-|-|-|.| | | }}
{{familytree | JOE | | ME  | | SIS | | | JOE=My brother Joe|ME='''Me!'''|SIS=My little sister}}
{{familytree/end}}

Produces this:

Template:Familytree/start Template:Familytree Template:Familytree Template:Familytree Template:Familytree Template:Familytree Template:Familytree/end

Family Tree Diagram Parameters

This template produces one row in a family tree table. The template accepts up to 99 unnamed parameters describing the contents of the table. Each parameter specifies a tile or a box.

• Tiles are line drawing symbols consisting of horizontal and vertical lines and various corners and crossings thereof. Tiles are specified using single-character symbols that more or less approximate the shape of the tile in appearance. A special case of a tile is the empty tile, specified by a single space character. A table of supported tiles is given below.

• Boxes can contain arbitrary wiki markup. The contents of boxes are specified using additional named parameters appended to the template call. Each box is three tiles wide and normally has a 2 pixels wide black border. Boxes can have any name that is a valid template parameter name, although single character names should be avoided to prevent conflicts with tile symbols.

The appearance of the boxes may be controlled by the optional template parameters border and boxstyle. The former sets the width of the box border in pixels, while the latter can be used to append arbitrary CSS declarations directly to the box style attributes. For example, the following code:

{{familytree/start}}
{{familytree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{familytree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{familytree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{familytree/end}}

produces a result like this:

Template:Familytree/start Template:Familytree Template:Familytree Template:Familytree Template:Familytree/end

The start template also accepts an optional style parameter that can be used to set CSS styles for the entire table.

SOURCE: [1]