Insurer Brain

Template:Insert quote panel: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
VisualWikitext
No edit summary
No edit summary
Line 1:
<includeonly><templatestyles src="Insert quote panel/styles.css" />
<div class="insert-quote-panel {{#if:{{{image|}}}|has-image|no-image}} {{#if:{{{class|}}}|{{{class}}}}}" >
{{#if:{{{image|}}}|
<div class="insert-quote-image">[[File:{{{image}}}|50px100px|link=|alt=]]</div>
}}
<div class="insert-quote-content" style="{{{style|}}}">
Line 9:
</div></includeonly><noinclude>
== 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 ==
* <code>1</code> – Required. The content to display.
* <code>image</code> – Optional. Filename of the profile picture.
* <code>style</code> – Optional. ExtraCSS inline CSSoverrides for the gray text boxarea.
* <code>class</code> – Optional. ExtraCSS classes.
 
== Examples ==
Basic (No image - looks exactly like before):
<pre>
{{Insert quote panel
| {{QuoteThis ofis the day}}classic gray box style.
}}
</pre>
 
With Profile Picture:
<pre>
{{Insert quote panel
| 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>
Retrieved from "https://www.insurerbrain.com/wiki/Template:Insert_quote_panel"