Reference Page for Media-related Source Code: Difference between revisions
No edit summary |
No edit summary |
||
Line 105: | Line 105: | ||
!4-1 | !4-1 | ||
|- | |- | ||
|1- | |1-2XXXXXXXXXXXXXXXXX | ||
|2- | |2-2XXXXXXXXXXXXXXXXX | ||
|3- | |3-2XXXXXXXXXXXXXXXXX | ||
|4- | |4-2XXXXXXXXXXXXXXXXX | ||
|- | |- | ||
|1-3 | |1-3 | ||
Line 128: | Line 128: | ||
! scope="col" | 4th Column Heading | ! scope="col" | 4th Column Heading | ||
|- | |- | ||
| 1st column 2nd row | | 1st column 2nd row XXXXXXXXXXXXXXXXX | ||
| 2nd column 2nd | | 2nd column 2nd rowXXXXXXXXXXXXXXXXX | ||
| 3rd column 2nd row | | 3rd column 2nd row XXXXXXXXXXXXXXXXX | ||
| 4th column 2nd | | 4th column 2nd rowXXXXXXXXXXXXXXXXX | ||
|- | |- | ||
| 1st column 3rd row | | 1st column 3rd row |
Revision as of 22:41, 6 November 2017
Introduction[edit | edit source]
This page serves as a convenient location for wikitext that you may find useful when adding media to an article. Select Edit -> Edit Source and then copy the wikitext you want. Be careful not to change the original code on this page!
PLEASE READ ME FIRST[edit | edit source]
Please note that placement of images and videos is only apparent when viewing a Physiopedia article on a larger device such as a laptop or tablet. When viewed on a smartphone, images/videos will not be justified (e.g. to the right or left) as in the first screenshot below. Rather, they will appear in series with the text, as in the second screenshot below. Similarly, the size of an image or video will automatically adjust on a smartphone screen. Because 50% of Physiopedia users access the site through a smartphone, consider how an article will appear on such devices when you are adding your chosen media.
Images[edit | edit source]
View Adding images tutorial if you have not done so before.
Single Images[edit | edit source]
These next two images (frame and thumb) can have a caption and can be positioned right, left or centre.
These next two images (basic and frameless) do not have visible captions by default but if you add a caption in the editing window, a frame will appear around the image to house the caption. These images cannot be positioned using the standard wiki editing features.
This image is basic without a border.
This image is basic with a border.
This image is frameless.
Multiple Images[edit | edit source]
Two Side by Side[edit | edit source]
Three Side by Side[edit | edit source]
Videos[edit | edit source]
View Adding video tutorial if you have not done so before.
Single Video[edit | edit source]
Multiple Videos[edit | edit source]
Two Side by Side[edit | edit source]
Three Side by Side[edit | edit source]
Two x Two Grid[edit | edit source]
Image and Video Side by Side[edit | edit source]
Tables[edit | edit source]
Please do not use tables for layout (e.g. images) - only use them to display tables of data (such as below). If you need to edit the layout of images or video in a way where you might otherwise have used a table, instead please use the grid system provided by the Bootstrap 3 framework. This will involve adding HTML code in the Edit Source view. The multiple column layouts of some of the images and videos above provide sample code that can be viewed and copied by selecting Edit -> Edit Source.
1-1 | 2-1 | 3-1 | 4-1 |
---|---|---|---|
1-2XXXXXXXXXXXXXXXXX | 2-2XXXXXXXXXXXXXXXXX | 3-2XXXXXXXXXXXXXXXXX | 4-2XXXXXXXXXXXXXXXXX |
1-3 | 2-3 | 3-3 | 4-3 |
1-4 | 2-4 | 3-4 | 4-4 |
1st Column Heading | 2nd Column Heading | 3rd Column Heading | 4th Column Heading |
---|---|---|---|
1st column 2nd row XXXXXXXXXXXXXXXXX | 2nd column 2nd rowXXXXXXXXXXXXXXXXX | 3rd column 2nd row XXXXXXXXXXXXXXXXX | 4th column 2nd rowXXXXXXXXXXXXXXXXX |
1st column 3rd row | 2nd column 3rd row | 3rd column 3rd row | 4th column 3rd row |
1st column 4th row | 2nd column 4th row | 3rd column 4th row | 4th column 4th row |
Column 1: 1st Row: xx |
Column 2: 1st Row: yy |
Column 3: 1st Row: xx |
Column 4: 1st Row: yy |
Column 5: 1st Row: xx |
Column 1: 2nd Row: xx |
Column 2: 2nd Row: yy |
Column 3: 2nd Row: xx |
Column 4: 2nd Row: yy |
Column 5: 2nd Row: xx |
Column 1: 3rd Row: xx |
Column 2: 3rd Row: yy |
Column 3: 3rd Row: xx |
Column 4: 3rd Row: yy |
Column 5: 3rd Row: xx |
Column 1: 4th Row: xx |
Column 2: 4th Row: yy |
Column 3: 4th Row: xx |
Column 4: 4th Row: yy |
Column 5: 4th Row: xx |
Presentation[edit | edit source]
This presentation was created by X and Y as part of OR on behalf of the ZZ.
Title of the Presentation/ View the presentationReferences[edit | edit source]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
- ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]