|
|
Sandbox
From Brooklyn Centre Wiki
(→FAMILY TREE DIAGRAMS) |
|||
Line 143: | Line 143: | ||
See this URL for more detailed instructions:<br> | See this URL for more detailed instructions:<br> | ||
http://meta.wikimedia.org/wiki/Customizing:Edit_Toolbar | http://meta.wikimedia.org/wiki/Customizing:Edit_Toolbar | ||
- | |||
- | |||
- | ==FAMILY TREE DIAGRAMS== | ||
- | |||
- | Nice Family Tree diagrams can be drawn using the familytree template set. Sample code like this: | ||
- | |||
- | <pre><nowiki> | ||
- | {{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}} | ||
- | </nowiki></pre> | ||
- | |||
- | Produces 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}} | ||
- | |||
- | ===Required templates=== | ||
- | |||
- | Four templates are required to make this diagramming possible: | ||
- | #familytree | ||
- | #familytree/step2 | ||
- | #familytree/start | ||
- | #familytree/end | ||
- | |||
- | |||
- | ===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. | ||
- | |||
- | {| style="float: left; margin-left: 1em;" | ||
- | |+ '''Solid lines:''' | ||
- | |- | ||
- | | <big><tt>,</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|,}}{{familytree/end}} || | ||
- | | <big><tt>.</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|.}}{{familytree/end}} || | ||
- | | <big><tt>`</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|`}}{{familytree/end}} || | ||
- | | <big><tt>'</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|'}}{{familytree/end}} || | ||
- | |- | ||
- | | <big><tt>^</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|^}}{{familytree/end}} || | ||
- | | <big><tt>v</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|v}}{{familytree/end}} || | ||
- | | <big><tt>(</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|(}}{{familytree/end}} || | ||
- | | <big><tt>)</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|)}}{{familytree/end}} || | ||
- | |- | ||
- | | <big><tt>-</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|-}}{{familytree/end}} || | ||
- | | <big><tt>!</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|!}}{{familytree/end}} || | ||
- | | <big><tt>+</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|+}}{{familytree/end}} || | ||
- | | <big><tt> </tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree| }}{{familytree/end}} || | ||
- | |} | ||
- | {| style="float: left; margin-left: 1em;" | ||
- | |+ '''Dashed lines:''' | ||
- | |- | ||
- | | <big><tt>F</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|F}}{{familytree/end}} || | ||
- | | <big><tt>7</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|7}}{{familytree/end}} || | ||
- | | <big><tt>L</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|L}}{{familytree/end}} || | ||
- | | <big><tt>J</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|J}}{{familytree/end}} || | ||
- | |- | ||
- | | <big><tt>A</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|A}}{{familytree/end}} || | ||
- | | <big><tt>V</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|V}}{{familytree/end}} || | ||
- | | <big><tt>C</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|C}}{{familytree/end}} || | ||
- | | <big><tt>D</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|D}}{{familytree/end}} || | ||
- | |- | ||
- | | <big><tt>~</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|~}}{{familytree/end}} || | ||
- | | <big><tt>:</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|:}}{{familytree/end}} || | ||
- | | <big><tt>%</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|%}}{{familytree/end}} || | ||
- | |} | ||
- | {| style="float: left; margin-left: 1em;" | ||
- | |+ '''Mixed:''' | ||
- | |- | ||
- | | <big><tt>*</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|*}}{{familytree/end}} || | ||
- | | <big><tt>#</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|#}}{{familytree/end}} || | ||
- | | <big><tt>y</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|y}}{{familytree/end}} || | ||
- | | <big><tt>}</tt></big> || style="border: 1px solid gray;" | {{familytree/start}}{{familytree|}|}}{{familytree/end}} || | ||
- | |} | ||
- | <br clear="left" /> | ||
- | |||
- | *'''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 [[Cascading Style Sheets|CSS]] declarations directly to the box style attributes. For example, the following code: | ||
- | |||
- | <pre><nowiki> | ||
- | {{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}} | ||
- | </nowiki></pre> | ||
- | |||
- | produces a result like this: | ||
- | |||
- | {{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}} | ||
- | |||
- | The start template also accepts an optional ''style'' parameter that can be used to set CSS styles for the entire table. | ||
- | |||
- | SOURCE: [http://en.wikipedia.org/wiki/Template:Familytree] |
Revision as of 19:28, 23 March 2007
Contents |
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.
==MY TOPIC== Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt<ref>John Brown, Annals of Something Something, (American Press, Jan. 1802): 121-4</ref> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris<ref name="many">Fred Smith, Purposeful Pages, (Ridiculous Publishing, 1754): 3-6</ref> nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident<ref name="many">, sunt in culpa qui officia deserunt mollit anim id est laborum.</ref> ==Notes== <references/> |
MY TOPICLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt[1] ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris[2] nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident[2] Notes |
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.
<googlemap lat="41.455802" lon="-81.700117" type="map" zoom="12" controls="large">
41.455802, -81.700117, Riverside Cemetery in Cleveland, OH, USA
/Info\ 3607 Pearl Rd, Cleveland, OH 44109-2301
/Directions\ [http://maps.google.com Click here] to get driving directions
</googlemap>
<googlemap lat="41.455802" lon="-81.700117" type="satellite" zoom="16">
41.455802, -81.700117, Riverside Cemetery in Cleveland, OH, USA
</googlemap>
- 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:
"...the quoted material is entered here and should appear in italics."
--BOOK TITLE by The Distinguished Author's Name
An alternate style:
Quoted material goes here.
Still another boxed text style:
Text within a box is demonstrated here.
IMAGE CODE
[[image:YMCA.jpg|frame|30px|gfx on the right]] | |
[[image:YMCA.jpg|frame|30px|center|gfx centered]] | |
[[image:YMCA.jpg|frame|30px|left|gfx on the left]] | |
[[image:YMCA.jpg|thumb|gfxthumbnail]] |
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).
This is the left column
This is the right
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
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