Reference Page for Media-related Source Code: Difference between revisions

No edit summary
m (Text replacement - "''' ==" to "==")
 
(60 intermediate revisions by 3 users not shown)
Line 1: Line 1:
== Introduction ==
== Introduction ==
This page serves as a convenient location for copying wikitext related to media that you are adding to an article.  
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===
'''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.''' 
 
<div class="row">
  <div class="col-md-6">[[Image:Screenshot (laptop) for media page.PNG|frame|center|Screenshot from a laptop]]</div>
  <div class="col-md-6">[[Image:Screenshot (smartphone) for media page half size.png|frame|center|Screenshot from a smartphone]]</div>
</div>


== Images ==
== Images ==
View [[Adding images|Adding images tutorial]] if you have not done so before.  
View [[Adding images|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); rather, they will appear *** with the text, as per the screenshot . ***Similarly, the size of an image will automatically adjust on a smartphone screen.'''


=== Single Images ===
=== Single Images ===


[[Image:Lat.meniscus.gif|left|thumb|300px|I am a '''''left-justified thumbnail''''']] <br><br> <br> <br><br><br><br><br>
<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>
[[Image:Lat.meniscus.gif|center|thumb|300px|I am a '''''centred thumbnail''''']]
<div class="clearfix">[[Image:PS logo.PNG|center|thumb|300px|I am a '''''centred thumbnail''''']] </div>
[[Image:Lat.meniscus.gif|thumb|300px|I am a '''''right-justified thumbnail''''']]<br><br><br> <br><br><br><br><br><br>
<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>


These next two images can have a caption and can be positioned right, left or centre.


[[File:Lat.meniscus.gif|frame|left|I have a '''''frame'''''|none]]
These next two images (''frame'' and ''thumb'') can have a caption and can be positioned right, left or centre.


[[File:Lat.meniscus.gif|thumb|right|I am a '''''thumbnail'''''|none]]<br><br><br> <br><br><br><br><br> <br> <br>
<div class="clearfix">[[File:PP logo.PNG|frame|left|I have a '''''frame'''''|none]][[Image:PS logo.PNG|thumb|right|I am a '''''thumbnail'''''|none]]</div>


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.  
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''''' without a border.
  [[File:Lat.meniscus.gif]]
  [[File:PP logo.PNG]]


This image is '''''basic''''' with a '''''border'''''.  
This image is '''''basic''''' with a '''''border'''''.  
[[File:Lat.meniscus.gif|border]]
[[File:PP logo.PNG|border]]


This image is '''''frameless'''''.
This image is '''''frameless'''''.
  [[File:Lat.meniscus.gif|frameless]]
  [[File:PP logo.PNG|frameless]]


=== Multiple Images ===
=== Multiple Images ===


==== Two Side by Side ====
==== Two Side by Side ====
{| width=100%" cellspacing="1" cellpadding="1"  
 
|-
<div class="row">
| [[Image:Lat.meniscus.gif|left|300px]]  
  <div class="col-md-6">[[Image:PP logo.PNG|border|center]]</div>
| [[Image:Lat.meniscus.gif|left|300px]]
  <div class="col-md-6">[[Image:PS logo.PNG|border|center]]</div>
|}
</div>
 


==== Three Side by Side ====
==== Three Side by Side ====
{| width="100%" cellspacing="1" cellpadding="1"
<div class="row">
|-
  <div class="col-md-4">[[Image:PP logo.PNG|border|center]]</div>
| [[Image:Lat.meniscus.gif|left|300px]]  
  <div class="col-md-4">[[Image:PS logo.PNG|border|center]]</div>
| [[Image:Lat.meniscus.gif|left|300px]]
  <div class="col-md-4">[[Image:PP plus logo.PNG|border|center]]</div>
| [[Image:Lat.meniscus.gif|left|300px]]
</div>
|}


== Videos ==
== Videos ==
Line 51: Line 57:


=== Single Video ===
=== Single Video ===
{{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
{{#ev:youtube|zk03HCIeEiI|250}} <div class="row"><div class="col-md-6 col-md-offset-3"><div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div></div>
 
{| cellspacing="1" cellpadding="1" width="40%" border="0" align="right" class="FCK__ShowTableBorders"
|-
| align="right" |
{{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>  
|}
{| width="400" align="right" cellspacing="1" cellpadding="1" border="0" class="FCK__ShowTableBorders"
|-
| {{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
|}
 


=== Multiple Videos ===
=== Multiple Videos ===


==== Two Side by Side ====
==== Two Side by Side ====
{| width="100%" cellspacing="1" cellpadding="1"
 
|-
<div class="row">
| {{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>  
  <div class="col-md-6"> {{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
| {{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
  <div class="col-md-6">{{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
|}
</div>


==== Three Side by Side ====
==== Three Side by Side ====
{| width="100%" cellspacing="1" cellpadding="1"
|-
|{{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
|{{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
| {{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
|}


Two x Two Grid  
<div class="row">
{| width="100%" cellspacing="1" cellpadding="0"
  <div class="col-md-4"> {{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
  <div class="col-md-4">{{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
<div class="col-md-4">{{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
</div>
 
==== Two x Two Grid ====
 
<div class="row">
  <div class="col-md-6"> {{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
  <div class="col-md-6">{{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
</div>
<div class="row">
  <div class="col-md-6"> {{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
  <div class="col-md-6">{{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
</div>
 
=== Image and Video Side by Side ===
 
<div class="row">
  <div class="col-md-6"> [[Image:PP logo.PNG|border|500px]] </div>
  <div class="col-md-6">{{#ev:youtube|zk03HCIeEiI|250}} <div class="text-right"><ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref></div></div>
</div>
 
== Tables ==
 
Please '''<u>do not</u>''' 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 [http://bootstrapdocs.com/v3.0.3/docs/css/#grid 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'''''.
 
Tables 1, 2 and 3 below  are sample tables you can copy and edit as needed. As with adding images, please consider how the table will look on screens of differing sizes. Tables 1 and 2 are able to collapse to fit smaller screens (see Image A) and the reader will be able to scroll across to view all content, if there is too much data to ft on the screen at one time (see Image B). Table 3 does not collapse (see Image C) so it does not work well on a smartphone, even if only a smaller number of columns and data per cell. If you come across this format on a page you are editing, please change to a smartphone-friendly format or ask another volunteer to do so.
 
<div class="row">
  <div class="col-md-4">[[Image:Screenshot (smartphone) tables collapsed.png|thumb|center|Image A: Smartphone screenshot of Tables 1 & 2 - These collapse to fit smaller screens]]</div>
  <div class="col-md-4">[[Image:Screenshot (smartphone) tables scrolling.png|thumb|center|Image B: Smartphone screenshot of Tables 1 & 2 - Readers scroll across to read more content in larger tables]]</div>
  <div class="col-md-4">[[Image:Screenshot (smartphone) table not collapsed.png|thumb|center|Image C: Smartphone screenshot of Table 3 - Does not collapse to fit small screen]]</div>
</div>
 
=== Table 1 ===
 
This table was created using the Edit tool. The biggest table size in this tool is 4x4 but once you have created the basic table, you can add more cells by copying/pasting code when in '''''Edit Source''''' mode. 
 
{| class="wikitable sortable"
|+Caption: This Table Was Created by '''''Edit->Insert->Table'''''
!1-1
!2-1
!3-1
!4-1
|-
|-
| {{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
|1-2
| {{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
|2-2
|}
|3-2
 
|4-2
{| width="100%" cellspacing="1" cellpadding="0"
|-
|-
|{{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
|1-3
| {{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
|2-3
|}
|3-3
 
|4-3
=== Video and Image ===
{| width="100%" cellspacing="1" cellpadding="1"
|-
|-
| [[Image:Lat.meniscus.gif|left|380px]]
|1-4
| {{#ev:youtube|zk03HCIeEiI|250}} <ref>Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]</ref>
|2-4
|}
|3-4
|4-4
|}  


== Table ==
=== Table 2 ===
Table quick button


{| width="800" border="1" cellpadding="1" cellspacing="1"
{| width="800" border="1" cellpadding="1" cellspacing="1"
|-
|-
! scope="col" | Exercise Type
! scope="col" | 1st Column Heading
! scope="col" | Methods
! scope="col" | 2nd Column Heading
! scope="col" | Recommended Dosage
! scope="col" | 3rd Column Heading
! scope="col" | Effects on Pulmonary Function
! scope="col" | 4th Column Heading
|-
| General Exercises
| See Table 2 below for recommended exercises to include in the exercise program<ref name="ince et al">Ince G, Sarpel T, Durgun B, Erdogan S. Effects of a multimodal exercise program for people with ankylosing spondylitis. Physical therapy. 2006 Jul 1;86(7):924-35.</ref>
| 2 Times Per Week Minimum, For 6 Months
| Increased Functional Capacity, Improved Chest Expansion.
|-
|-
| Pilates<ref name="Altan et al">Altan L, Korkmaz N, Dizdar M, Yurtkuran M. Effect of Pilates training on people with ankylosing spondylitis. Rheumatology international. 2012 Jul 1;32(7):2093-9.</ref>&nbsp;
| 1st column 2nd row
| Consists of a supervised Pilates session. The difficulty of the movements should be easy to moderate. Difficulty not to exceed 14 on the BORG scale.
| 2nd column 2nd row
| 1 Hour Sessions, 3 Times Per Week, For 12 Weeks
| 3rd column 2nd row 
| Significant Improvements In Chest Expansion.
| 4th column 2nd row
|-
|-
| Incentive Spirometry<ref name="So MW et al">So MW, Heo HM, San Koo B, Kim YG, Lee CK, Yoo B. Efficacy of incentive spirometer exercise on pulmonary functions of patients with ankylosing spondylitis stabilized by tumor necrosis factor inhibitor therapy. The Journal of rheumatology. 2012 Sep 1;39(9):1854-8.</ref>
| 1st column 3rd row
| This is a session of breath holding and controlling breaths. Patients should carry out 3-5 second breath holds and carry out Forced Expiratory Techniques interspersed between breath holds. This treatment should be combined with General Exercises and should not be used as a sole treatment (see above for general exercises
| 2nd column 3rd row
| 30 Minute Sessions, Once Per Day, For 16 Weeks
| 3rd column 3rd row 
| Improved Chest Expansion and Improved Forced Vital Capacity
| 4th column 3rd row
|-
|-
| Inspiratory Muscle Training<ref name="Dragoi et al">Drăgoi RG, Amaricai E, Drăgoi M, Popoviciu H, Avram C. Inspiratory muscle training improves aerobic capacity and pulmonary function in patients with ankylosing spondylitis: A randomized controlled study. Clinical rehabilitation. 2015 Mar 25:0269215515578292.</ref>
| 1st column 4th row
| The supervised exercise program, delivered by a qualified physiotherapist, should include; motion and flexibility exercises of the cervical, thoracic, and lumbar spine; stretching of the hamstring muscles, erector spine muscle, and shoulder muscles; control abdominal and diaphragm breathing exercises and chest expansion exercises. In addition to these exercises at home patients should perform six loaded inspirations with a 60 second rest period between each inspiration. This sequence of six exercises continued with 45, 30, 15, 10 and five second rest periods up to 36 loaded inspirations. A rating of more than 17 on the BORG requires the patient to stop exercising.
| 2nd column 4th row
| 40 minute session (supervised), Once Per Week, 5 Unsupervised Home Exercise Sessions Per Week
| 3rd column 4th row 
| Increased Aerobic Capacity, Improved Resting Pulmonary Function and Ventilatory Efficiency.
| 4th column 4th row
|-
|-
| Manual Mobilisation&nbsp;<ref name="Wildberg et al">Widberg K, Karimi H, Hafström I. Self-and manual mobilization improves spine mobility in men with ankylosing spondylitis-a randomized study. Clinical rehabilitation. 2009 Apr 29.</ref>
| Both active angular and passive mobility exercises can be used in the physiological directions of the joints in the spinal column and the chest wall in flexion, extension, lateral flexion and rotation and in different starting positions. Passive mobility exercises consist of general, angular movements and specific translatory movements.
| 1 Hour Sessions, 2 Times Per Week, for 8 Weeks
| Improved Chest Expansion, Posture and Spinal Mobility
|-
| Aerobic Exercise<ref name="Ozgocmen et al">Ozgocmen S, Akgul O, Altay Z, Altindag O, Baysal O, Calis M, Capkin E, Cevik R, Durmus B, Gur A, Kamanli A. Expert opinion and key recommendations for the physical therapy and rehabilitation of patients with ankylosing spondylitis. International journal of rheumatic diseases. 2012 Jun 1;15(3):229-38.</ref>
| Research shows that in the short term aerobic exercise has a major effect of all symptoms relating to ankylosing spondylitis. Although there is no bad form of aerobic exercise, studies show that swimming is the best for pulmonary rehabilitation. Studies also show that high impact contact sports should be avoided as this can have a negative impact on symptoms relating to AS
| 1 hour per day, 5 days per week. (more can be done however should not achieve more than 17 on the BORG Scale
| Improved Chest Expansion, Improved Functional Capacity and Decreases the Chance of Respiratory Failure.
|}
|}
=== Table 3 ===


{| width="600" border="1" cellpadding="1" cellspacing="1"
{| width="600" border="1" cellpadding="1" cellspacing="1"
|-
|-
| Exercise 1<br>Basic exercise: <br>Walking slowly back and forth on a balance board (1 step = 3 seconds). The contralateral leg swings through and nearly touches the ground
| Column 1:<br>1st Row: <br>xx
| Exercise 2: <br>Basic exercise: <br>Single leg (knee and hip flexed) stance on exercise mat with the contralateral leg flexed. Lower and raise the body. Distribute load on the foot. Only small knee movements to the left and right are allowed.
| Column 2: <br>1st Row: <br>yy
|  
| Column 3:<br>1st Row: <br>xx
Exercise 3:<br>Basic exercise: <br>Jump from one leg to the other on an exercise mat and control landing for 4 seconds. Raise the contralateral leg<br>  
| Column 4:<br>1st Row: <br>yy
 
| Column 5:<br>1st Row:<br>xx
| Exercise 4:<br>Basic exercise: <br>Maintain balance in single-leg stance elevating the contralateral leg against resistance of an elastic strap. Hold 30 seconds each leg.
|-
| Exercise 5:<br>Basic exercise:<br>Maintain balance in single leg stance on inversion-eversion tilt board. The contralateral leg rested on an inclined surface nearly without being loaded.
| Column 1:<br>2nd Row: <br>xx
| Column 2: <br>2nd Row: <br>yy
| Column 3:<br>2nd Row: <br>xx
| Column 4:<br>2nd Row: <br>yy
| Column 5:<br>2nd Row:<br>xx
|-
|-
| Variation 1:<br>Walking faster than before on the balance board. Way back: slowly with same execution as above.
| Column 1:<br>3rd Row: <br>xx
| Variation 1: <br>Single limb stance as above opposite to a partner. A ball is passed to the partner. After catching the ball the position is controlled for 2 seconds. Pass the ball back and forth
| Column 2: <br>3rd Row: <br>yy
| Variation 1: <br>Jump from one leg to the other on an exercise mat with a partner. Disturb each other during the flight phase (hand contact) and control the landing and stance for 4 seconds.
| Column 3:<br>3rd Row: <br>xx
| Variation 1:<br>Maintain balance in single leg stance ( eyes closed) elevating the contralateral leg against resistance of an elastic strap.
| Column 4:<br>3rd Row: <br>yy
| Variation 1: <br>Maintain balance in single leg stance on inversion-eversion tilt board. The contralateral leg rested on an inclined surface nearly without being loaded. This with a partner. Pass a ball and control stance after catching the ball.
| Column 5:<br>3rd Row:<br>xx
|-
|-
| Variation 2: <br>Stance on a balance board. The contralateral leg moves a ball that lies on the ground in circles. Focus on the supporting leg.
| Column 1:<br>4th Row: <br>xx
| Variation 2:<br>Single leg stance on a soft mat. Balance a ball on the dorsum of the dorsum of the elevated contralateral foot.
| Column 2: <br>4th Row: <br>yy
| Variation 2: <br>Jump from one leg to the other on an soft exercise mat with a partner. Disturb each other during the flight phase (hand contact) and control the landing and stance for 4 seconds.
| Column 3:<br>4th Row: <br>xx
| Variation 2:<br>Maintain balance in single leg stance moving the contralateral leg sideways against resistance of an elastic strap. Evert the lateral edge of the contralateral toot.
| Column 4:<br>4th Row: <br>yy
|  
| Column 5:<br>4th Row:<br>xx
Variation 2: <br>Maintain balance in single leg stance on inversion-eversion tilt board. The contralateral leg is elevated.


|}
|}


== Presentation ==
== Presentation ==
{| class="FCK__ShowTableBorders" width="100%" cellspacing="4" cellpadding="4" border="0"
 
|-
<div class="row">
| align="center" | <imagemap>
  <div class="col-md-4"><div class=" text-center"><imagemap>
Image:PT management AAS.png|200px|border|left|
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
</imagemap>  
</imagemap> </div></div>
| [https://connect.regis.edu/p86792461/ '''Physical Therapy Management of Acute Ankle Sprain''']  
  <div class="col-md-8"> [https://connect.regis.edu/p86792461/ '''Title of the Presentation''']  
This presentation was created by Rich Westrick and Cody McAndrew as part of the Regis University OMPT Fellowship.  
This presentation was created by X and Y as part of OR on behalf of the ZZ.  


[https://connect.regis.edu/p86792461/ Physical Therapy Management of Acute Ankle Sprain/ View the presentation]  
[https://connect.regis.edu/p86792461/ Title of the Presentation/ View the presentation] </div>
</div>


|}
== References ==

Latest revision as of 22:38, 18 July 2019

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.

Screenshot from a laptop
Screenshot from a smartphone

Images[edit | edit source]

View Adding images tutorial if you have not done so before.

Single Images[edit | edit source]

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.
I am a centred thumbnail
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.


These next two images (frame and thumb) can have a caption and can be positioned right, left or centre.

I have a frame
I am a thumbnail

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. 

PP logo.PNG

This image is basic with a border. PP logo.PNG

This image is frameless. 

PP logo.PNG

Multiple Images[edit | edit source]

Two Side by Side[edit | edit source]

PP logo.PNG
PS logo.PNG


Three Side by Side[edit | edit source]

PP logo.PNG
PS logo.PNG
PP plus logo.PNG

Videos[edit | edit source]

View Adding video tutorial if you have not done so before.

Single Video[edit | edit source]

[1]

Multiple Videos[edit | edit source]

Two Side by Side[edit | edit source]

[2]
[3]

Three Side by Side[edit | edit source]

[4]
[5]
[6]

Two x Two Grid[edit | edit source]

[7]
[8]
[9]
[10]

Image and Video Side by Side[edit | edit source]

PP logo.PNG
[11]

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.

Tables 1, 2 and 3 below are sample tables you can copy and edit as needed. As with adding images, please consider how the table will look on screens of differing sizes. Tables 1 and 2 are able to collapse to fit smaller screens (see Image A) and the reader will be able to scroll across to view all content, if there is too much data to ft on the screen at one time (see Image B). Table 3 does not collapse (see Image C) so it does not work well on a smartphone, even if only a smaller number of columns and data per cell. If you come across this format on a page you are editing, please change to a smartphone-friendly format or ask another volunteer to do so.

Image A: Smartphone screenshot of Tables 1 & 2 - These collapse to fit smaller screens
Image B: Smartphone screenshot of Tables 1 & 2 - Readers scroll across to read more content in larger tables
Image C: Smartphone screenshot of Table 3 - Does not collapse to fit small screen

Table 1[edit | edit source]

This table was created using the Edit tool. The biggest table size in this tool is 4x4 but once you have created the basic table, you can add more cells by copying/pasting code when in Edit Source mode.

Caption: This Table Was Created by Edit->Insert->Table
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

Table 2[edit | edit source]

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

Table 3[edit | edit source]

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]

https://connect.regis.edu/p86792461/PP plus logo.PNG
Title of the Presentation

This presentation was created by X and Y as part of OR on behalf of the ZZ.

Title of the Presentation/ View the presentation

References[edit | edit source]

  1. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  2. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  3. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  4. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  5. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  6. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  7. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  8. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  9. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  10. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
  11. ↑ Physiopedia. A introduction to the new Physiopedia Plus. Available from: http://www.youtube.com/watch?v=zk03HCIeEiI[last accessed 30/10/17]
Retrieved from "https://www.physio-pedia.com/index.php?title=Reference_Page_for_Media-related_Source_Code&oldid=216392"