Template:Quote: Difference between revisions

From The Reed and Rite
Created page with "<div class="quoteBlock"> <p style="font-size: 1.3em; text-align: center; color: #222; margin: 0;"> <span class="quotationMark">“</span>{{{quote}}}<span class="quotationMark">”</span> </p> <p style="text-align: right; font-size: 1.1em; color: #444; margin-top: 10px;"> — {{{author}}} </p> </div>"
 
m Removed background color to allow dynamic color shift in dark mode.
 
(108 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="quoteBlock">
<includeonly><blockquote class="source" style="border-left: none; padding-left: 0; padding-right: 5px; {{#if:{{{align|}}}{{{width|}}}|float: {{{align}}}; width: {{{width}}};}} margin: 0.5em 0em 0.5em .1em; overflow: auto; {{{style|}}}"><div style="display: flex; align-items: flex-start; line-height: 1.4;"><!--
    <p style="font-size: 1.3em; text-align: center; color: #222; margin: 0;">
 
      <span class="quotationMark">“</span>{{{quote}}}<span class="quotationMark">”</span>
--><span
    </p>
class="quotation-mark"
    <p style="text-align: right; font-size: 1.1em; color: #444; margin-top: 10px;">
style="
        — {{{author}}}
color: #9DC6C2;
    </p>
font-size: 40px;
</div>
font-family: 'Libre Baskerville', 'Times New Roman', Times, serif;
font-weight: bold;
line-height: .1em;
text-align: left;
padding: 20px 3px 0px 0px;
margin-left: 20px;
"
 
>&#8220;</span><!--
 
--><em style="font-size: 130%; font-family: 'Libre Baskerville', 'Times New Roman', Times, serif; display: inline; text-align: left;">
{{#if:{{{1|}}}|{{{1}}}|}}
</em><!--
--><span style="
vertical-align: bottom;
color: #9DC6C2;
font-size: 38px;
font-family: 'Libre Baskerville', 'Times New Roman', Times, serif;
font-weight: bold;
line-height: .7em;
padding: 0px 0px 0px 0px;
margin-left: -4px;
">&#8221;
</span></div><!--
 
--><div style="margin-left: 3.2em; display: inline-block; text-align: left;"><span style="font-size: 120%; font-family: 'Libre Baskerville', 'Times New Roman', Times, serif; font-variant: small-caps;">—{{#if:{{{2|}}}|{{{2}}}|}}</span>{{#if: {{{ref|}}} | {{{ref}}} }}<!--
 
--></div><!--
 
--></blockquote><!--
 
--></includeonly><noinclude>
== Description ==
This template allows you to insert a quote on a page either as a block element or an inline element.
 
== Usage ==
{| style="width: 100%; text-align: left; margin: auto;" class="wikitable"
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Block Quote</span><br><div style="text-align: left;"><span style="font-weight: normal;">This method will insert the quote as a block element. Meaning no text will surround it when used.</span></div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left;" |<pre>{{quote
|A thing someone said.
|Who Said It
}}</pre>
|{{quote
|A thing someone said.
|Who Said It
}}
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Inline Quote</span><br><div style="text-align: left;"><span style="font-weight: normal;">To insert a quote as an inline element (have text wrap around it), pass both <code>align=</code> and <code>width=</code>. <code>align=</code> can be passed with either <code>left</code> or <code>right</code>. <code>width=</code> can be either a set pixel amount (e.g., <code>250px</code>), or a percentage (e.g., <code>35%</code>)</span></div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left;" |<pre>{{quote
|A thing someone said.
|Who Said It
|align=right
|width=250px
}}</pre>
| style="text-align:justify;" |Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor.
{{quote
|A thing someone said.
|Who Said It
|align=right
|width=250px
}} Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Quote Reference</span><br><div style="text-align: left;"><span style="font-weight: normal;">To include a footnote, pass <code>ref=</code>, with either the {{t|ref}}, {{t|Emma ref}}, or {{t|book ref}} templates.</span></div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left;" |<pre>{{quote
|A thing someone said.
|Who Said It
|ref={{ref|text=A reference to the quote's origin.}}
}}</pre>
|{{quote
|A thing someone said.
|Who Said It
|ref={{ref|text=A reference to the quote's origin.}}
}}
 
<span style="display: block; font-size: 1.65em; font-family: serif; font-weight: normal; margin-top: 1em; border-bottom: 1px solid #a2a9b1;">Notes</span>
<references />
|}
 
== Articles Using Template ==
{{for|Special:WhatLinksHere/{{FULLPAGENAME}}|a full listing|here|pre=This list is limited to 100 pages}}
{{Special:WhatLinksHere/{{FULLPAGENAME}}|namespace=0|limit=100}}
 
[[Category:Article Elements]]

Latest revision as of 22:35, 27 May 2025

Description

This template allows you to insert a quote on a page either as a block element or an inline element.

Usage

Block Quote
This method will insert the quote as a block element. Meaning no text will surround it when used.
You Type You Get 
{{quote
|A thing someone said.
|Who Said It
}}
“

A thing someone said. ”

—Who Said It
Inline Quote
To insert a quote as an inline element (have text wrap around it), pass both align= and width=. align= can be passed with either left or right. width= can be either a set pixel amount (e.g., 250px), or a percentage (e.g., 35%)
You Type You Get 
{{quote
|A thing someone said. 
|Who Said It
|align=right
|width=250px
}}
 Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor.
“

A thing someone said. ”

—Who Said It
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
Quote Reference
To include a footnote, pass ref=, with either the {{ref}}, {{Emma ref}}, or {{book ref}} templates.
You Type You Get 
{{quote
|A thing someone said.
|Who Said It
|ref={{ref|text=A reference to the quote's origin.}}
}}
“

A thing someone said. ”

—Who Said It[1]

Notes

  1. ^ A reference to the quote's origin.

Articles Using Template

This list is limited to 100 pages. For a full listing, see here.
Retrieved from "https://thereedandrite.org/index.php?title=Template:Quote&oldid=6535"