Template:Quote fancy

Template documentation

Display a quote with an accompanying image which are vertically aligned with each other.

Refer to Template:Image frame for the template used to render the image.

This template has an associated stylesheet at Template:ImageQuote/style.css.

Examples

Markup

{{ImageQuote
| quote = The operations of these huge steel juggernauts are powered by engines of churning hellfire. 
| image = Portrait Steel Watcher.png
| link = Adamantine Golem
}}

Renders as

“

The operations of these huge steel juggernauts are powered by engines of churning hellfire.

„

Markup

{{ImageQuote
| quote = These levitating eyes transmit all that they see to the one who created them.
| image = Portrait Scrying Eye.png
| author = In-game racial description of [[Scrying Eye]]s
| link = Scrying Eye
| height = 60
| font-size = 120%
| align = center
}}

Renders as

“

These levitating eyes transmit all that they see to the one who created them.

„

— In-game racial description of Scrying Eyes

Markup

{{ImageQuote
| quote = The strong embrace the wild that hides inside - keen instincts, primal physicality, and most of all, an unbridled, unquenchable rage.
| image = Class Barbarian Badge Icon.png
| image-position = right
| height = 160
| font-size = 120%
| link = Barbarian
| align = center
}}

Renders as

“

The strong embrace the wild that hides inside - keen instincts, primal physicality, and most of all, an unbridled, unquenchable rage.

„

Markup

{{ImageQuote
| quote = Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
| image = Portrait Gale.png
| link = Gale
| author = [[Gale]], casting Knuth's Magnificent Kerning
| height = 60
| font-size = 100%
| align = center
| image-border-shape = diamond
| image-border-width = 4
| image-border-color = black
}}

Renders as

“

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

„

— Gale, casting Knuth's Magnificent Kerning

Template data

Display a quote with an accompanying image which are aligned with each other

Template parameters

This template prefers block formatting of parameters.

Parameter		Description	Type	Status
Quote	quote	The quote	String	required
Image	image	Add an image to go along with the quote. Example Portrait Lae'zel.png	File	suggested
Link	link	Clicking the image will link to the specified page instead of the image file. Example Lae'zel	Page name	suggested
Author	author	The author or context of the quote	String	optional
Font size	font-size	Size of the font used for the quote. Default 130% Example 100%, 1.1em	String	optional
Alignment	align	Horizontal alignment of the quote. Suggested values left right center Default left	String	optional
Image position	image-position	Position of the image relative to the quote. Suggested values left right Default left	String	optional
Image border width	image-border-width	Width in pixels of the border around the image. Set to 0 to completely disable this. Default 0	Number	optional
Image border shape	image-border-shape	Shape of the border frame which crops the image. This can be an arbitrary CSS clip-path or a predefined value. Refer to [[Template:Image frame]] for details. The default value of basic disables this. Suggested values rounded diamond basic Default basic Example circle(60% at 50% 50%)	String	optional
Image border color	image-border-color	Color of the image border. This can be a CSS color descriptor. Default black Example #3d3d3d	String	optional
Height	height	The height of the image in pixels. Default 80 Example 60px, 50	String	optional

Subpages of this template.