Template:InfoBox: Difference between revisions
No edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
<includeonly><div style="float: left; {{#if: {{{6|}}}|float: {{#switch: {{{6}}} | left = left | right = right | left}}}}; margin: 8px; border: solid 1px #a0a0a0; width: {{#switch: {{{1}}} | 1 = 96% | 2 = 48% | 3 = 31% | 4 = 22%}}; border-radius: 4px;"><div style="font-weight: lighter; font-size: larger; letter-spacing: 1px; text-transform: uppercase; padding-top: 8px; padding-bottom: 4px; background-color: #c0c0c0; color: #000000; text-align: center; border-top-left-radius: 2px; border-top-right-radius: 2px;">{{{2}}}</div><div style="padding: 8px;">{{#if: {{{3}}}|<div style="padding: 4px;"><div style="padding-bottom: 8px; display: block; margin-left: auto; margin-right: auto;">[[File:{{{3}}}|centre|link=]]</div></div>}}<div style="padding-bottom: 4px; border-bottom: solid 1px #c0c0c0; text-align: center;">{{{4}}}</div><div style="padding-top: 8px; text-align: center;">{{{5}}}</div></div></div></includeonly><!-- | <includeonly><div style="float: left; {{#if: {{{6|}}}|float: {{#switch: {{{6}}} | left = left | right = right | left}}}}; margin-right: 8px; border: solid 1px #a0a0a0; width: {{#switch: {{{1}}} | 1 = 96% | 2 = 48% | 3 = 31% | 4 = 22%}}; border-radius: 4px;"><div style="font-weight: lighter; font-size: larger; letter-spacing: 1px; text-transform: uppercase; padding-top: 8px; padding-bottom: 4px; background-color: #c0c0c0; color: #000000; text-align: center; border-top-left-radius: 2px; border-top-right-radius: 2px;">{{{2}}}</div><div style="padding: 8px;">{{#if: {{{3}}}|<div style="padding: 4px;"><div style="padding-bottom: 8px; display: block; margin-left: auto; margin-right: auto;">[[File:{{{3}}}|centre|link=]]</div></div>}}<div style="padding-bottom: 4px; border-bottom: solid 1px #c0c0c0; text-align: center;">{{{4}}}</div><div style="padding-top: 8px; text-align: center;">{{{5}}}</div></div></div></includeonly><!-- | ||
--><noinclude>== InfoBox Template == | --><noinclude>== InfoBox Template == | ||
This template can be used to give the reader somewhere to jump off from. | This template can be used to give the reader somewhere to jump off from. |
Revision as of 12:30, 12 March 2015
InfoBox Template
This template can be used to give the reader somewhere to jump off from.
Example 1
In this example the InfoBox floats to the left and the text is on the right.
Sample Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur odio dapibus est semper consequat. Suspendisse ut blandit libero, vulputate luctus ex. Maecenas viverra fermentum arcu eget lobortis. Maecenas consequat, arcu consectetur tincidunt accumsan, augue diam luctus nulla, volutpat ultricies eros leo ut ante. Proin scelerisque elementum lectus ut convallis. Proin sed lectus in ligula consectetur porta. Sed quis imperdiet ante. Cras vulputate tincidunt accumsan. Cras cursus, lacus nec facilisis blandit, mauris quam condimentum lectus, vulputate maximus eros magna sit amet lorem. Cras lobortis dictum lacus, eu scelerisque lectus pulvinar eget. Vivamus ac tincidunt quam. Pellentesque at eleifend nisi. Quisque facilisis venenatis aliquet. Maecenas id bibendum mauris, sed tristique ante.
Example 2
In this example the InfoBoxes float to the right and the text is on the left.
Sample Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur odio dapibus est semper consequat. Suspendisse ut blandit libero, vulputate luctus ex. Maecenas viverra fermentum arcu eget lobortis. Maecenas consequat, arcu consectetur tincidunt accumsan, augue diam luctus nulla, volutpat ultricies eros leo ut ante. Proin scelerisque elementum lectus ut convallis. Proin sed lectus in ligula consectetur porta. Sed quis imperdiet ante. Cras vulputate tincidunt accumsan. Cras cursus, lacus nec facilisis blandit, mauris quam condimentum lectus, vulputate maximus eros magna sit amet lorem. Cras lobortis dictum lacus, eu scelerisque lectus pulvinar eget. Vivamus ac tincidunt quam. Pellentesque at eleifend nisi. Quisque facilisis venenatis aliquet. Maecenas id bibendum mauris, sed tristique ante.
Example 3
In this example the InfoBoxes float to either side and the text is in the middle.
Sample Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur odio dapibus est semper consequat. Suspendisse ut blandit libero, vulputate luctus ex. Maecenas viverra fermentum arcu eget lobortis. Maecenas consequat, arcu consectetur tincidunt accumsan, augue diam luctus nulla, volutpat ultricies eros leo ut ante. Proin scelerisque elementum lectus ut convallis. Proin sed lectus in ligula consectetur porta. Sed quis imperdiet ante. Cras vulputate tincidunt accumsan. Cras cursus, lacus nec facilisis blandit, mauris quam condimentum lectus, vulputate maximus eros magna sit amet lorem. Cras lobortis dictum lacus, eu scelerisque lectus pulvinar eget. Vivamus ac tincidunt quam. Pellentesque at eleifend nisi. Quisque facilisis venenatis aliquet. Maecenas id bibendum mauris, sed tristique ante.
It's not a very interesting InfoBox.
Example 4
In this example the InfoBox has no image.
Sample Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur odio dapibus est semper consequat. Suspendisse ut blandit libero, vulputate luctus ex. Maecenas viverra fermentum arcu eget lobortis. Maecenas consequat, arcu consectetur tincidunt accumsan, augue diam luctus nulla, volutpat ultricies eros leo ut ante. Proin scelerisque elementum lectus ut convallis.