Template:Insert quote panel: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly><templatestyles src="Insert quote panel/styles.css" /> |
<includeonly><templatestyles src="Insert quote panel/styles.css" /> |
||
<div class="insert-quote-panel {{#if:{{{class|}}}|{{{class}}}}}"> |
<div class="insert-quote-panel {{#if:{{{image|}}}|has-image|no-image}} {{#if:{{{class|}}}|{{{class}}}}}" > |
||
{{#if:{{{image|}}}| |
{{#if:{{{image|}}}| |
||
<div class="insert-quote-image">[[File:{{{image}}}| |
<div class="insert-quote-image">[[File:{{{image}}}|100px|link=|alt=]]</div> |
||
}} |
}} |
||
<div class="insert-quote-content" style="{{{style|}}}"> |
<div class="insert-quote-content" style="{{{style|}}}"> |
||
| Line 9: | Line 9: | ||
</div></includeonly><noinclude> |
</div></includeonly><noinclude> |
||
== What this does == |
== What this does == |
||
* **No Image:** Displays the text in a gray background box (Classic style). |
|||
Reusable wrapper panel for quotes. |
|||
* **With Image:** Displays the circular profile photo on the left; text is on a white background, aligned closely to the top right of the photo. |
|||
* If NO image: Gray box fills width. |
|||
* If IMAGE: Image sits on the left, gray box on the right. Both aligned to the top. |
|||
== Parameters == |
== Parameters == |
||
* <code>1</code> – Required. The content |
* <code>1</code> – Required. The content. |
||
* <code>image</code> – Optional. Filename of |
* <code>image</code> – Optional. Filename of profile picture. |
||
* <code>style</code> – Optional. |
* <code>style</code> – Optional. CSS overrides for the text area. |
||
* <code>class</code> – Optional. |
* <code>class</code> – Optional. CSS classes. |
||
== Examples == |
== Examples == |
||
Basic (No image - looks exactly like before): |
|||
<pre> |
<pre> |
||
{{Insert quote panel |
{{Insert quote panel |
||
| |
| This is the classic gray box style. |
||
}} |
}} |
||
</pre> |
|||
With Profile Picture: |
|||
<pre> |
|||
{{Insert quote panel |
{{Insert quote panel |
||
| image = Thomas-buberl.jpg |
| image = Thomas-buberl.jpg |
||
| This text appears on white, right next to the photo. |
|||
| {{Quote of the day}} |
|||
}} |
|||
</pre> |
|||
Arbitrary content with Image: |
|||
<pre> |
|||
{{Insert quote panel |
|||
| image = Example.jpg |
|||
| <blockquote>“Simplicity is the ultimate sophistication.” — Leonardo da Vinci</blockquote> |
|||
}} |
}} |
||
</pre> |
</pre> |
||
Revision as of 21:29, 16 December 2025
What this does
- **No Image:** Displays the text in a gray background box (Classic style).
- **With Image:** Displays the circular profile photo on the left; text is on a white background, aligned closely to the top right of the photo.
Parameters
1– Required. The content.image– Optional. Filename of profile picture.style– Optional. CSS overrides for the text area.class– Optional. CSS classes.
Examples
{{Insert quote panel
| This is the classic gray box style.
}}
{{Insert quote panel
| image = Thomas-buberl.jpg
| This text appears on white, right next to the photo.
}}