Template:Quote: Difference between revisions

From The Reed and Rite
← Older edit
mNo edit summary
m Removed background color to allow dynamic color shift in dark mode.
 
(57 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><blockquote class="source" style="border-left: none; padding-left: 0; {{#if:{{{align|}}}{{{width|}}}|float: {{{align}}}; width: {{{width}}};}} margin: 0.5em 0.5em 0.5em 2em; {{{style|}}}"><div style="display: flex; align-items: flex-start; line-height: 1.4;"><!--
<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;"><!--


--><span
--><span
class="quotation-mark"
class="quotation-mark"
style="
style="
width: 40px;
color: #9DC6C2;
color: #9DC6C2;
font-size: 50px;
font-size: 40px;
font-family: 'Baskerville', 'Times New Roman', Times, serif;
font-family: 'Libre Baskerville', 'Times New Roman', Times, serif;
font-weight: bold;
font-weight: bold;
line-height: .3em;
line-height: .1em;
text-align: left;
text-align: left;
padding: 10px 10px 0px 0px;
padding: 20px 3px 0px 0px;
margin-left: -30px;
margin-left: 20px;
"
"


>&#x301D;</span><!--
>&#8220;</span><!--


--><em style="font-size: 130%; font-family: 'Libre Baskerville', 'Times New Roman', Times, serif; display: inline;">
--><em style="font-size: 130%; font-family: 'Libre Baskerville', 'Times New Roman', Times, serif; display: inline; text-align: left;">
{{#if:{{{1|}}}|{{{1}}}|}}
{{#if:{{{1|}}}|{{{1}}}|}}
</em>
</em><!--
<span style="
--><span style="
vertical-align: bottom;
vertical-align: bottom;
color: #9DC6C2;
color: #9DC6C2;
font-size: 50px;
font-size: 38px;
font-family: 'Baskerville', 'Times New Roman', Times, serif;
font-family: 'Libre Baskerville', 'Times New Roman', Times, serif;
font-weight: bold;
font-weight: bold;
line-height: .4em;
line-height: .7em;
padding: 0px 0px;
padding: 0px 0px 0px 0px;
margin-left: -5px;
margin-left: -4px;
"
">&#8221;
</span></div><!--


>&#x301E;
--><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}}} }}<!--
</span></div><!--


--><div style="margin-left: 1.3em; display: inline;"><span style="font-size: 120%; font-family: 'Libre Baskerville'; font-variant: small-caps;">—{{#if:{{{2|}}}|{{{2}}}|}}</span>{{#if: {{{ref|}}} | {{{ref}}} }}</div><!--
--></div><!--


--></blockquote><!--
--></blockquote><!--
Line 40: Line 39:
--></includeonly><noinclude>
--></includeonly><noinclude>
== Description ==
== Description ==
This template allows you to insert a quote on a page either as a block element or in line with text.
This template allows you to insert a quote on a page either as a block element or an inline element.
 
A quote formatter. Usage is <code><nowiki>{{quote|My existence of the last three years has been nothing but incident.|Emma M. Lion|ref={{Emma ref|e1|5|march|1883}}}}</nowiki></code> to get:


== Usage ==
== Usage ==
{| style="width: 100%; text-align: left; margin: auto;" class="wikitable"
{| style="width: 100%; text-align: left; margin: auto;" class="wikitable"
|-
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Example: Tag Only</span><br><span style="font-weight: normal;">[Brief Explanation here]</span>
! 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
! width=25%|You Type
!You Get
!You Get
|-
|-
| style="text-align: left; background-color: white;" |<pre>{{quote
| style="text-align: left;" |<pre>{{quote
|My existence of the last three years has been nothing but incident.
|A thing someone said.
|Emma M. Lion
|Who Said It
}}</pre>
}}</pre>
| style="background-color: white;" |{{quote
|{{quote
|My existence of the last three years has been nothing but incident.
|A thing someone said.
|Emma M. Lion
|Who Said It
}}
}}
|-
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Example: Tag Only</span><br><span style="font-weight: normal;">[Brief Explanation here]</span>
! 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
! width=25%|You Type
!You Get
!You Get
|-
|-
| style="text-align: left; background-color: white;" |<pre>{{quote
| style="text-align: left;" |<pre>{{quote
|My existence of the last three years has been nothing but incident.
|A thing someone said.  
|Emma M. Lion
|Who Said It
|align=left
|align=right
|width=300px
|width=250px
}}</pre>
}}</pre>
| style="background-color: white;" |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. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.{{quote
| 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.
|My existence of the last three years has been nothing but incident.
{{quote
|Emma M. Lion
|A thing someone said.
|align=left
|Who Said It
|width=300px
|align=right
}}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. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
|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%;">Example: Tag Only</span><br><span style="font-weight: normal;">[Brief Explanation here]</span>
! 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
! width=25%|You Type
!You Get
!You Get
|-
|-
| style="text-align: left; background-color: white;" |<pre>{{quote
| style="text-align: left;" |<pre>{{quote
|My existence of the last three years has been nothing but incident.
|A thing someone said.
|Emma M. Lion
|Who Said It
|ref={{ref|text=A reference to the quote's origin.}}
}}</pre>
}}</pre>
| style="background-color: white;" |{{quote
|{{quote
|My existence of the last three years has been nothing but incident.
|A thing someone said.
|Emma M. Lion
|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 />
|}
|}
{{quote|My existence of the last three years has been nothing but incident.|Emma M. Lion|ref={{Emma ref|e1|5|march|1883}}}}
{{quote
|My existence of the last three years has been nothing but incident.
|Emma M. Lion
|ref={{Emma ref|e1|5|march|1883}}
|align=left
|width=300px
}}
Splitting quotes in multiple lines is preferred but not required:


== Articles Using Template ==
== Articles Using Template ==
Line 111: Line 101:
{{Special:WhatLinksHere/{{FULLPAGENAME}}|namespace=0|limit=100}}
{{Special:WhatLinksHere/{{FULLPAGENAME}}|namespace=0|limit=100}}


[[Category: Templates]]
[[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"