Difference between revisions of "Examples of useful code"

Revision as of 12:20, 12 May 2007

CLICK ON [Edit] to see the code.

1. Each letter has its OWN page:

2. Links WITHIN the same page:

N.B. THIS USES THE SECTION HEADINGS SO IT APPEARS IN THE TOC/CONTENTS

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | XYZ

If there is nothing else on the page you can use . This avoids a long vertical list.

If you can't use you can do the following:

A CREATES THE ANCHOR FOR THE LETTER A

B CREATES THE ANCHOR FOR THE LETTER B

etc.

====More than one image on page

1. Gallery - small thumbnails.

2. Clickpic - hyperlinked pictures

3.

@@ Line 1: / Line 1: @@
+CLICK ON [Edit] to see the code.
 ==Alphabetical Contents Lists==
@@ Line 20: / Line 23: @@
 etc.
+==Displaying images==
+====One single image====
+====More than one image on page
+. Gallery - small thumbnails.
+<gallery caption="CONTENTS" widths="200px" heights="50px" perrow="4">
+Image: WIP2_fr2.jpg|[[World_Index_Page]]
+Image: Surnames3_fr2.jpg|[[Surname Directory]]
+Image: Bigbook5_fr2.jpg|The [[Big_Book]] of Genealogy.
+Image: Census_fr2.jpg|[[Census_Search]]
+</gallery>
+. Clickpic - hyperlinked pictures
+{| height="35px" border="0" cellpadding="15"
+|{{clickpic|Parish_Registers| http://www.familytreeforum.com/wiki/images/d/d6/Register_fr2.jpg}}
+||{{clickpic| Certificate_tutorials| http://www.familytreeforum.com/wiki/images/c/ca/Certs_fr.jpg}}
+||{{clickpic|World_Index_Page| http://www.familytreeforum.com/wiki/images/3/30/WIP2_fr2.jpg}}
+|-
+|}
+.