Template:Image Paragraph: Difference between revisions

From One Nation Under Jou
Jump to navigation Jump to search
mNo edit summary
(moved picture to be in line with paragraph instead of header)
Line 2: Line 2:
     style="width: 100%; max-width: 100%; height: auto; position: relative; clear: both;">
     style="width: 100%; max-width: 100%; height: auto; position: relative; clear: both;">
<div class="img-paragraph-img-container"
<div class="img-paragraph-img-container"
     style="min-width: 0px; min-height: 0px; position: relative; float: right;">
     style="min-width: 0px; min-height: 0px; position: relative; float: right; {{#if:{{{title|}}}|margin-top: 3em;|}}">
{{#if:{{{image|}}}|{{{image}}}|}}
{{#if:{{{image|}}}|{{{image}}}|}}
</div <!--img-paragraph-img-container-->>
</div <!--img-paragraph-img-container-->>

Revision as of 04:27, 26 August 2023

Usage

{{Template:Image Paragraph
| image = (optional)
| title = (optional)
| content =
}}

This template is meant to represent a paragraph or block of text with an optional image, contained in a single container. Content of any paragraphs after this template should not enter the container of this template.

Examples

{{Template:Image Paragraph
| image = [[File:Coronation-Crown.png|thumb|150px|Coronation Crown of Moroa.]]
| title = Coronation Crown of Moroa
| content = text
}}

The below example is both with long text wrapping around the image, and with short text.

The image size is regulated by the user by changing the size in the [[File:]] tag.

The image is optional, and is not included in the third paragraph.


Coronation Crown of Moroa.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec ultrices tincidunt arcu non sodales neque. Tristique risus nec feugiat in fermentum. Tortor consequat id porta nibh venenatis cras sed felis. Cursus vitae congue mauris rhoncus aenean vel elit. Malesuada fames ac turpis egestas sed. In arcu cursus euismod quis viverra nibh cras pulvinar mattis. Aliquet porttitor lacus luctus accumsan tortor posuere ac ut consequat. Risus sed vulputate odio ut enim blandit volutpat. Augue interdum velit euismod in pellentesque. Eros in cursus turpis massa tincidunt dui ut. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi enim nunc faucibus a pellentesque sit amet porttitor eget. Velit laoreet id donec ultrices tincidunt arcu. A diam sollicitudin tempor id. Tristique nulla aliquet enim tortor at auctor. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Risus at ultrices mi tempus imperdiet. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Pellentesque nec nam aliquam sem et tortor.

Fermentum posuere urna nec tincidunt praesent semper feugiat nibh sed. Diam maecenas sed enim ut. Adipiscing at in tellus integer feugiat scelerisque varius morbi enim. Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper. Erat velit scelerisque in dictum non consectetur a. Fermentum posuere urna nec tincidunt praesent semper feugiat nibh sed. Diam maecenas sed enim ut. Adipiscing at in tellus integer feugiat scelerisque varius morbi enim. Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper. Erat velit scelerisque in dictum non consectetur a. Sit amet tellus cras adipiscing enim eu turpis egestas. Risus pretium quam vulputate dignissim suspendisse in est.

Head of an Elder figurine.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec ultrices tincidunt arcu non sodales neque. Tristique risus nec feugiat in fermentum. Tortor consequat id porta nibh venenatis cras sed felis. Cursus vitae congue mauris rhoncus aenean vel elit. Malesuada fames ac turpis egestas sed. In arcu cursus euismod quis viverra nibh cras pulvinar mattis. Aliquet porttitor lacus luctus accumsan tortor posuere ac ut consequat. Risus sed vulputate odio ut enim blandit volutpat. Augue interdum velit euismod in pellentesque. Eros in cursus turpis massa tincidunt dui ut. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi enim nunc faucibus a pellentesque sit amet porttitor eget. Velit laoreet id donec ultrices tincidunt arcu. A diam sollicitudin tempor id. Tristique nulla aliquet enim tortor at auctor. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Risus at ultrices mi tempus imperdiet. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Pellentesque nec nam aliquam sem et tortor.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec ultrices tincidunt arcu non sodales neque. Tristique risus nec feugiat in fermentum. Tortor consequat id porta nibh venenatis cras sed felis. Cursus vitae congue mauris rhoncus aenean vel elit. Malesuada fames ac turpis egestas sed. In arcu cursus euismod quis viverra nibh cras pulvinar mattis. Aliquet porttitor lacus luctus accumsan tortor posuere ac ut consequat. Risus sed vulputate odio ut enim blandit volutpat. Augue interdum velit euismod in pellentesque. Eros in cursus turpis massa tincidunt dui ut. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi enim nunc faucibus a pellentesque sit amet porttitor eget. Velit laoreet id donec ultrices tincidunt arcu. A diam sollicitudin tempor id. Tristique nulla aliquet enim tortor at auctor. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Risus at ultrices mi tempus imperdiet. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Pellentesque nec nam aliquam sem et tortor.