Jump to content

Template:Quote box/doc

From Wikibooks, open books for an open world

The {{quote box}} template allows you to easily put a quote (and its source) inside a box, with flexible control over bordering, background color, alignment, and other features. The box itself is floating div, which (like images) can appear on the right or left or across the entire page. Page text will wrap around the div in the first two cases. This is useful in pages which are short on images and need some graphic-like element, or where an important or interesting quote wants to be presented in a way that sets it off from the surrounding text.

Caution: this is a div-based template, and may break if indented using wikitext syntax. This is a current limitation of the MediaWiki HTML parsing software.

Parameters

[edit source]

Basic parameters

  • title = Optional title to appear at the top of the quote box
  • quote = The quote or text to be displayed in the box
  • source = Optional source of the quote (author, publication, etc.)

Main box styling

  • align - Alignment of the quote box on the page - left/right/center. Defaults to right alignment.
  • width - The width of the quote box. Defaults to the width of the quote included.
  • border - The width of the quote box border. Defaults to 1px. Remeber to include 'px' or 'em' to specify the correct width.
  • fontsize - The fontsize of the quote box text. Defaults to 88%.
  • bgcolor - The RGB background color of the box. Defaults to #F9F9F9 (light gray)
  • style - A generic CSS style parameter. Entries in this parameter supersede any duplicates in the preceding parameters

Title styling

  • title_bg - The RGB background color of the title. Defaults to #F9F9F9 (light gray)
  • title_fnt - The title font color. Defaults to black
  • tstyle - A generic CSS style parameter. Entries in this parameter supersede any duplicates in the preceding title parameters

Quote styling

  • qalign - Alignment of the quote element - left/right/center. Defaults to left
  • qstyle - A generic CSS style parameter. Entries in this parameter supersede any duplicates in the preceding quote parameters
  • quoted - If this parameter evaluates to true (is not 0, false, or empty) the quote box will enclose the quote in fat-quotes.

Source styling

  • salign - Alignment of the source element - left/right/center. Defaults to the value of qalign.
  • sstyle - A generic CSS style parameter. Entries in this parameter supersede any duplicates in the preceding source parameters

Full syntax

[edit source]
{{quote box
 |title = 
 |quote = 
 |source = 
 |align = 
 |width = 
 |border = 
 |fontsize = 
 |bgcolor = 
 |style = 
 |title_bg = 
 |title_fnt = 
 |tstyle = 
 |qalign = 
 |qstyle = 
 |quoted = 
 |salign = 
 |sstyle = 
}}

Examples

[edit source]

Various example codes and their results.

Floating and wrapping

[edit source]

Minimal code, defaults to floating right and minimal width:

{{quote box
 |quote  = Cry "Havoc," and let slip the dogs of war.
 |source = [[w:William Shakespeare|]], ''[[w:Julius Caesar (play)|Julius Caesar]]'', Act III, Scene I.
}}
{{Lorem ipsum}}

Cry "Havoc," and let slip the dogs of war.

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Floating right:

{{quote box
 |quote  = Cry "Havoc," and let slip the dogs of war.
 |source = [[w:William Shakespeare|]], ''[[w:Julius Caesar (play)|Julius Caesar]]'', Act III, Scene I.
 |width  = 50%
 |align  = right
}}
{{Lorem ipsum}}

Cry "Havoc," and let slip the dogs of war.

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Floating left:

{{quote box
 |quote  = Cry "Havoc," and let slip the dogs of war.
 |source = [[w:William Shakespeare|]], ''[[w:Julius Caesar (play)|Julius Caesar]]'', Act III, Scene I.
 |width  = 50%
 |align  = left
}}
{{Lorem ipsum}}

Cry "Havoc," and let slip the dogs of war.

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Centered (but not floating any more):

{{quote box
 |quote  = Cry "Havoc," and let slip the dogs of war.
 |source = [[w:William Shakespeare|]], ''[[w:Julius Caesar (play)|Julius Caesar]]'', Act III, Scene I.
 |width  = 50%
 |align  = center
}}
{{Lorem ipsum}}

Cry "Havoc," and let slip the dogs of war.

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Fat-quotes

[edit source]

Using fat-quotes:

{{quote box
 |quote  = Cry "Havoc," and let slip the dogs of war.
 |source = [[w:William Shakespeare|]], ''[[w:Julius Caesar (play)|Julius Caesar]]'', Act III, Scene I.
 |quoted = 1
}}

Cry "Havoc," and let slip the dogs of war.

Quote alignment

[edit source]
{{Quote box
 |title = Centered quote
 |quote  = Cry "Havoc," and let slip the dogs of war.
 |source = [[w:William Shakespeare|]], ''[[w:Julius Caesar (play)|Julius Caesar]]'', Act III, Scene I.
 |qalign = center
}}
Centered quote

Cry "Havoc," and let slip the dogs of war.

{{quote box
 |title = Left title, right quote
 |tstyle = text-align: left;
 |quote  = Cry "Havoc," and let slip the dogs of war.
 |source = [[w:William Shakespeare|]], ''[[w:Julius Caesar (play)|Julius Caesar]]'', Act III, Scene I.
 |qalign = right
}}
Left title, right quote

Cry "Havoc," and let slip the dogs of war.

See also

[edit source]