Reference Page for Media-related Source Code: Difference between revisions
No edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
<div class="clearfix">[[Image:PP logo.PNG|left|thumb|300px|I am a '''''left-justified thumbnail''''']] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam congue diam mauris, vel ornare orci iaculis eget. In quis vehicula nulla, sed tincidunt eros. Nunc venenatis at velit non lacinia. Fusce dictum faucibus enim, sit amet bibendum elit aliquet ut. Quisque efficitur sem nec consectetur dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</div> | <div class="clearfix">[[Image:PP logo.PNG|left|thumb|300px|I am a '''''left-justified thumbnail''''']] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam congue diam mauris, vel ornare orci iaculis eget. In quis vehicula nulla, sed tincidunt eros. Nunc venenatis at velit non lacinia. Fusce dictum faucibus enim, sit amet bibendum elit aliquet ut. Quisque efficitur sem nec consectetur dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</div> | ||
<div class="clearfix">[[Image:PS logo.PNG|center|thumb|300px|I am a '''''centred thumbnail''''']] </div> | <div class="clearfix">[[Image:PS logo.PNG|center|thumb|300px|I am a '''''centred thumbnail''''']] </div> | ||
<div class="clearfix">[[Image: | <div class="clearfix">[[Image:PP plus logo.PNG|thumb|300px|I am a '''''right-justified thumbnail''''']]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam congue diam mauris, vel ornare orci iaculis eget. In quis vehicula nulla, sed tincidunt eros. Nunc venenatis at velit non lacinia. Fusce dictum faucibus enim, sit amet bibendum elit aliquet ut. Quisque efficitur sem nec consectetur dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</div> | ||
Line 47: | Line 44: | ||
<div class="col-md-4">[[Image:PP logo.PNG|center]]</div> | <div class="col-md-4">[[Image:PP logo.PNG|center]]</div> | ||
<div class="col-md-4">[[Image:PS logo.PNG|center]]</div> | <div class="col-md-4">[[Image:PS logo.PNG|center]]</div> | ||
<div class="col-md-4">[[Image: | <div class="col-md-4">[[Image:PP plus logo.PNG|center]]</div> | ||
</div> | </div> | ||
Line 174: | Line 171: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-md-4"><div class=" text-center"><imagemap> | <div class="col-md-4"><div class=" text-center"><imagemap> | ||
Image: | Image:PP plus logo.PNG|200px|border|left| | ||
rect 0 0 830 452 [https://connect.regis.edu/p86792461/] | rect 0 0 830 452 [https://connect.regis.edu/p86792461/] | ||
desc none | desc none |
Revision as of 21:02, 6 November 2017
Introduction[edit | edit source]
This page serves as a convenient location for copying wikitext related to media that you are adding to an article.
Images[edit | edit source]
View Adding images tutorial if you have not done so before.
Please note that placement of images is only apparent when viewing a Physiopedia article on a larger device such as a laptop or tablet. When viewed on a smartphone, images will not be justified (e.g. to the right or left) as in the first image below. Rather, they will appear in series with the text, as in the second image below. Similarly, the size of an image will automatically adjust on a smartphone screen. Since 50% of Physiopedia users access the site through a smartphone, consider how an article will appear on such devices when you are laying out your adding media.
Single Images[edit | edit source]
These next two images can have a caption and can be positioned right, left or centre.
These next two images 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 don't use tables for layout, just use them to display tables of data. For layout 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 on this page provide example code that can be viewed by editing the source of this page.
1-1 | 2-1 | 3-1 | 4-1 |
---|---|---|---|
1-2 | 2-2 | 3-2 | 4-2 |
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 | 2nd column 2nd row | 3rd column 2nd row | 4th column 2nd row |
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]