Help:Page templates

From CruisersWiki

Revision as of 22:33, 30 March 2012 by Istioploos (Talk | contribs)
Jump to: navigation, search

CRUISING WIKI PAGE TEMPLATES

Also see the Cruising Wiki's Wiki Editors Guide and Style Guide

Click on the template page, then click on the page "edit" (top of page) and copy the template's Wiki-code from the editor to paste in a newly created page.

Please DO NOT edit/change the templates on these "template" pages. You can add/delete/edit items in the new page that you create.

NOTE: Some of the headings in a template may not be appropriate for a specific page: Do not feel compel to use them.

CO-ORDINATES TEMPLATE

Enter co-ordinates in a page using the "template-call" as shown immediately below this line (in bold):

[[image:World_icon.png]] {{Coord|DD|M.M|N/S|DD|M.M|E/W|}}

Copy the above template (shown in bold) and paste it into the Wiki page editor, fill in the co-ords details and SAVE the edit (don't forget to select either N or S, and E or W). This template will automatically give a link to a GeoHack page with various online geo resources related to the position - resources like Google Earth, MapTech (marine chart), GoogleMaps and access to photos of the position's area on Panoramio, etc.

Example: [[image:World_icon.png]] {{Coord|37|43.6|N|26|50.6|W|}} will show as: World icon.png 37°43.6′N, 26°50.6′W after saving the edit (linking to the "geo" resources page).


Co-ordinates Conversion Help - (D & M & S) - Divide the seconds by 60 to get the decimal value of minutes for the GPS format of |DD|M.M|

CO-ORDINATES INFO TEMPLATE

Small info.png (Click links for more information)
World icon.png
DD°M.M′N/S, DD°M.M′E/W
Photo icon.png
[ Photo gallery]
Chart icon.png
[ Local chartlet]

Copy the template below:

{| class="infobox bordered" style="width: 28em; text-align: left; font-size: 85%;"
|-
| colspan="2" style="text-align:center; font-size: smaller;" | {{Small info}} (''Click links for more information'')
|-
! <center>[[image:World_icon.png]]</center>
| {{Coord|DD|M.M|N/S|DD|M.M|E/W|}}
|-
! <center>[[image:Photo_icon.png]]</center>
| [ Photo gallery]
|-
! <center>[[image:Chart_icon.png]]</center>
| [ Local chartlet]
|}

  • Paste the template to a page and enter the coordinates (as explained in the "Coordinates Template" above) and "Save".
  • Click on the coordinates link that will take you to the "Geohack" page.
  • Click on "Panoramio" (under photo links) and set the photo "map" for the coords. When correct (select "show all photos"), copy the Panoramio URL and paste to MS Notepad.
  • Return to the Geohack page and click on "MapTech" for the local "chartlet". Use zooming, etc., to select the best chartlet and copy the MapTech URL.
  • Return to the Cruising Wiki page containing the Infobox template and add these URLs for the Photos and Chartlet.

The above guide is the same for existing Infobox templates on pages that have already been set up.

GENERAL TEMPLATES (for use within pages/sections)

Template copy instructions:

General templates for use within pages, etc. Click on "EDIT" (R/H side of each template) and copy the format layout within the editor to paste into a new page. Once copied, click your browser's return to get back out of the editor without altering the contents.

DO NOT ALTER THE TEMPLATES HERE - you can add/edit/remove items of the templates from within the page/section in which you paste the template.

DISCUSSION PAGE TEMPLATE

<page name> Discussion Page

Suggest new content sections/headings, post questions, general suggestions, etc., below.

Click on the "+" sign next to "Edit" (top of page tab) to open a new topic for discussion or "Edit" to add to or comment on existing topics on this page.





.


BACK

.


START COPY BELOW HERE

=== <page name> Discussion Page ===
Suggest new content sections/headings, post questions, general suggestions, etc., below.

''Click on the "+" sign next to "Edit" (top of page tab) to open a new topic for discussion or "Edit" to add to or comment on existing topics on this page''.
*

END COPY ABOVE HERE

IMAGE TEMPLATE

Place comment here
Click for larger view


[[Image:Sailing800.jpg|thumb|300px|right| '''Place comment here''' <br>''Click for larger view'' ]]

Copy/paste the "format" above (in bold black) - (change "Sailing800.jpg" to your image file name)

(Change as required - .jpg, .png, .gif - size(px) - Left/right align - Comment, etc. Change the "Imagefilename & extension" to the image filename of the image that you uploaded to the Wiki).

Remember: Upload the image to the Wiki FIRST - keep the image filename short & descriptive.

Resize images to max 600px X 600px (BEFORE uploading). (Recommended free software for resizing images)

IMAGE GALLERY

This makes a gallery of images - four in a row (add/remove). Note: perrow="4" - means four per row



Copy/Paste the template below: (Change image file name and add the comment)

<center style="clear: both;"><gallery caption="Gallery" widths="140px" heights="100px" perrow="4">
Image:Sailing800.jpg|Comment
Image:Sailing800.jpg|Comment
Image:Sailing800.jpg|Comment
Image:Sailing800.jpg|Comment
</gallery></center>

.

ANOTHER IMAGE GALLERY

(Add/remove columns)


Sailing800.jpg Sailing800.jpg Sailing800.jpg Sailing800.jpg
Comment 1 Comment 2 Comment 3 Comment 4


Copy/Paste the template below: (change the image file name and add comment)

<center style="clear: both;">
{| class="wikitable" align=center
|-
|[[Image:Sailing800.jpg|140px]]
|[[Image:Sailing800.jpg|140px]]
|[[Image:Sailing800.jpg|140px]]
|[[Image:Sailing800.jpg|140px]]
|-
|<small>Comment 1</small>
|<small>Comment 2</small>
|<small>Comment 3</small>
|<small>Comment 4</small>
|}</center>

R/H GALLERY

(Add/remove rows)

Sailing800.jpg
Comment 1
Sailing800.jpg
Comment 2
Sailing800.jpg
Comment 3
Sailing800.jpg
Comment 4


Copy/Paste the template below: (change the image file name and add comment)

{| class="wikitable" align=right
|-
|[[Image:Sailing800.jpg|200px]]<br/><small>Comment 1</small>
|-
|[[Image:Sailing800.jpg|200px]]<br/><small>Comment 2</small>
|-
|[[Image:Sailing800.jpg|200px]]<br/><small>Comment 3</small>
|-
|[[Image:Sailing800.jpg|200px]]<br/><small>Comment 4</small>
|}

GOOGLEMAP FRAME


{| class="infobox bordered" style="width: 27em; text-align: right; font-size: 90%;"
|-
| colspan="2" style="text-align:center;" | googlemap code here
|}

Copy/paste the template above - frames the GoogleMap to the right of the page.

Wiki table markup summary (for advanced users)

{|
table start
|+
table caption, optional; only between table start and first table row
|-
table row, optional on first row -- wiki engine assumes the first row
! 
table header cell, optional. Consecutive table header cells may be added on same line separated by double marks (!!) or start on new lines, each with its own single mark (!).
|
table data cell, required! Consecutive table data cells may be added on same line separated by double marks (||) or start on new lines, each with its own single mark (|).
|}
table end
  • The above marks must start on a new line except the double || and !! for optionally adding consecutive cells to a line. However, blank spaces at the beginning of a line are ignored.
  • XHTML attributes. Each mark, except table end, optionally accepts one or more XHTML attributes. Attributes must be on the same line as the mark. Separate attributes from each other with a single space.
    • Cells and caption (| or ||, ! or !!, and |+) hold content. So separate any attributes from content with a single pipe (|). Cell content may follow on same line or on following lines.
    • Table and row marks ({| and |-) do not directly hold content. Do not add pipe (|) after their optional attributes. If you erroneously add a pipe after attributes for the table mark or row mark the parser will delete it and your final attribute if it was touching the erroneous pipe!
  • Content may (a) follow its cell mark on the same line after any optional XHTML attributes or (b) on lines below the cell mark. Content that uses wiki markup that itself needs to start on a new line, such as lists, headings, or nested tables, must be on its own new line.
  • Escaping to insert a pipe (|) character into a table use the <nowiki> markup

COLUMN TABLE (BORDERED)

(Add/delete rows)


Heading Data
Heading Data
Heading Data
Heading or Description Data - will auto expand to the full width of the page and will auto word wrap to give as many lines as would be needed for the complete data entry so that these blocks can be any size.


COPY/PASTE CODE BELOW FOR THE ABOVE TABLE:

{| border="1"
|-
|''' Heading '''
|Data
|-
|''' Heading '''
|Data
|-
|''' Heading '''
|Data
|}

Variation of above table

(Add more rows/lines)


This column is 200 points wide This column is 200 points wide This column is 200 points wide
blah blah blah
blah blah blah
blah blah blah
blah blah blah
blah blah blah


ANOTHER TABLE

This is commonly used in this Wiki

(Add/remove rows/columns as needed - will auto-expand)

Option 1

Heading1 Heading2 Heading3 Heading4 Heading5 Heading6
Data11
Data12
Data13
Data21
Data22
Data31
Data32
Data41
Data42
Data51
Data52
Data61
Data62


COPY/PASTE THE TEMPLATE BELOW:

{| class="wikitable"
|+
! Heading1 !! Heading2 !! Heading3 !! Heading4 !! Heading5 !! Heading6
|-
|valign="top"| Data11 <br/>Data12 <br/>Data13 <br>
|valign="top"| Data21 <br/>Data22 <br/>
|valign="top"| Data31 <br/>Data32 <br/>
|valign="top"| Data41 <br/>Data42 <br/>
|valign="top"| Data51 <br/>Data52 <br/>
|valign="top"| Data61 <br/>Data62 <br/>
|}

Or - double header rows - (add/delete columns/rows)

Heading1 Heading2 Heading3 Heading4 Heading5 Heading6
Data11
Data12
Data13
Data21
Data22
Data31
Data32
Data41
Data42
Data51
Data52
Data61
Data62
Heading7 Heading8 Heading9 Heading10 Heading11 Heading12
Data71
Data72
Data73
Data81
Data82
Data91
Data92
Data101
Data102
Data111
Data112
Data121
Data122

COPY/PASTE THE TEMPLATE BELOW:

{| class="wikitable"
|+
! Heading1 !! Heading2 !! Heading3 !! Heading4 !! Heading5 !! Heading6
|-
|valign="top"| Data11 <br/>Data12 <br/>Data13 <br>
|valign="top"| Data21 <br/>Data22 <br/>
|valign="top"| Data31 <br/>Data32 <br/>
|valign="top"| Data41 <br/>Data42 <br/>
|valign="top"| Data51 <br/>Data52 <br/>
|valign="top"| Data61 <br/>Data62 <br/>
|+
! Heading7 !! Heading8 !! Heading9 !! Heading10 !! Heading11 !! Heading12
|-
|valign="top"| Data71 <br/>Data72 <br/>Data73 <br>
|valign="top"| Data81 <br/>Data82 <br/>
|valign="top"| Data91 <br/>Data92 <br/>
|valign="top"| Data101 <br/>Data102 <br/>
|valign="top"| Data111 <br/>Data112 <br/>
|valign="top"| Data121 <br/>Data122 <br/>
|}

Option 2

Heading Heading Heading Heading Heading Heading
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data

.

VARIATION OF ABOVE TABLE

Add/remove columns/rows as needed.


Overall Heading
Heading1 Heading2 Heading3 Heading4 Heading5 Heading6 Heading7
Data11
Data12
Data13
Data14
Data21
Data22
Data23
Data31
Data32
Data41
Data42
Data43
Data51
Data52
Data53
Data54
Data61
Data62
Data63
Data64
Data65
Data71
Data72


Copy and Paste the code below:

{| class="wikitable"

| colspan=8 align=center bgcolor=#c0c0c0 style=font-size:14px;font-weight:bold| Overall Heading

|+

! Heading1 !! Heading2 !! Heading3 !! Heading4 !! Heading5 !! Heading6 !! Heading7

|-

| valign="top" | Data11<br/>Data12 <br/>Data13<br/>Data14<br/>

| valign="top" | Data21<br/>Data22<br/>Data23<br/>

| valign="top" | Data31<br/>Data32<br/>

| valign="top" | Data41<br/>Data42<br/>Data43<br/>

| valign="top" | Data51<br/>Data52<br/>Data53<br/>Data54<br/>

| valign="top" | Data61<br/>Data62<br/>Data63<br/>Data64<br/>Data65<br/>

| valign="top" | Data71<br/>Data72<br/>

|}

AND ANOTHER TABLE

Add/cut columns and/or rows


HeadingHeading Heading Heading Heading Heading
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data Data Data Data

.

SIMPLE 4 COLUMN TABLE

(Add more rows/columns within)


Orange Apple more more
Bread Pie more more
Butter Cream more more
more more more more


CODE FOR ABOVE TABLE:

{|
| Orange || Apple || more || more
|-
| Bread || Pie || more || more
|-
| Butter || Cream || more || more
|-
| more || more || more || more
|}

FEATURED SECTIONS/PAGES

CLicon.png FEATURED PAGES: Page Links,


.

INFORMATION BOX

Small info.png Text

Copy the template (in bold type) below:

{| border="1" cellpadding="2"
|-
|width="30pt" | {{Small info}}
|width="100%"| Text
|}

Alternative icons for the above template:

  • Lock.png {{Large lock}}
  • Small Lock.png {{Small lock}}
  • Info.png {{Info}}
  • Small info.png {{Small info}}

Use the above to suit.

Other General Icons

  • Poe.jpg = Port of entry
    use: [[image:Poe.jpg]]
  • TopWiki.png = Featured article.
    use: [[image:TopWiki.png]]
  • Question icon.png = Article/page link needs data.
    use: [[image:Question_icon.png]]
  • Icon anchor.png = Anchorage
    use: [[image:Icon_anchor.png]]
  • Anchor Icon.png = Anchorage
    use: [[image:Anchor_Icon.png]]
  • Icon marina.png = Marina
    use: [[image:Icon_marina.png]]
  • Marina icon.png = Marina
    use: [[image:Marina_icon.png]]
  • Country Flag Icons
    use the general form [[image:Country_Icon.png]] (Note capitals)
  • MORE ICONS

PAGE NAVIGATION STRIP

Place at the bottom of pages.


Cruising Wiki Navigation

| HOMEPAGE | Wiki Contents | Place Page Links Here | edit/remove |


Copy/Paste template below:

{|id="mp-right" width="100%" cellpadding="2" cellspacing="1" style="vertical-align:top; background:#f5faff; border:1px solid #a3b0bf;"
! <h2 id="mp-itn-h2" style="margin:0; background:#cedff2; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">Cruising Wiki Navigation</h2>
|-
|style="color:#000;"| | [[World Cruising and Sailing Wiki|HOMEPAGE]] | [[World Cruising Guides|Wiki Contents]] | [[Place Page Links Here]] | [[edit/remove]] |
|}

.

NEWS BLOCK

Small info.png Latest News
Content - news items, etc.


Copy the template below:

{| class="infobox bordered" style="width:300px; border:1px solid #FF3300; background:#FFFFFF; vertical-align:top;"
|-
| colspan="2" style="margin:0; background:#ffe4e1; font-size:120%; font-weight:bold; border:1px solid #FF3300; text-align:center; color:#000000; padding:0.2em 0.4em;" | {{Small info}} '''Latest News'''
|-
| colspan="2" style="text-align:left;" | Content - news items, etc.
|-
|}

PAGE CONTRIBUTOR'S LIST

Placed at the bottom of the page.

SailorSmiley.gifContributors to this page [add 3 tildes (~~~) on the names line]

Names:



ANOTHER INFO PANEL

Heading

Contents here


FEATURED ARTICLE

TopWiki.png = Featured Article

Use: {{Top}}

CALL FOR EDITORS

HELP! This section is lagging behind in development.

Your assistance is required to develop these pages into a useful resource. Bring out the hidden "cruising guide writer" in you and share your information here (in the true cruising spirit) for all who follow in your wake.


.

MESSAGE BUOY TEMPLATE

For the Cruiser's Message Buoy


Enter Boat's Name Here

  • Cruiser: EnterYourNameHere
  • Mate: EnterMate'sNameHere
  • Crew: EnterCrewNamesHere
  • From: EnterHomePortHere
  • Boat: EnterBoatTypeAndSizeHere
  • Been Cruising For: EnterHowLongHere
  • Current Cruising Area: EnterCurrentLocationHere
  • Heading Towards: EnterWhereToNextHere
  • Boat's Website: [FullWebsiteURLHere Website/Blog]
  • Wiki Username: "YourWikiUsername"

Details Updated: EnterDateHere



Copy/Paste the template below here

== Enter Your Boat's Name Here ==
{|
|[[Image:YourUploadedImageName.jpg|thumb|150px|left|Description Here]]
|
* '''Cruiser:''' EnterYourNameHere
* '''Mate:''' EnterMate'sNameHere
* '''Crew:''' EnterCrewNamesHere
* '''From:''' EnterHomePortHere
* '''Boat:''' EnterBoatTypeAndSizeHere
* '''Been Cruising For:''' EnterHowLongHere
* '''Current Cruising Area:''' EnterCurrentLocationHere
* '''Heading Towards:''' EnterWhereToNextHere
* '''Boat's Website:''' [FullWebsiteURLHere Website/Blog]
* '''Wiki Username:''' "YourWikiUsername"
'''''Details Updated:''' EnterDateHere''
|}
----

End Copy/Paste the template above here (including the 4 dashes at the bottom)

Various Editing Code Snippets

  • Hold vertical space = <div style="clear: both;"></div>
  • Hold vertical space - <gallery style="clear: both;"></gallery>



SailorSmiley.gifContributors to this page

Names:


Cruising Wiki Navigation

| HOMEPAGE | Wiki Contents | Page Templates |
Personal tools
advertisement
Friends of Cruisers Wiki