Difference between revisions of "Template:Imagequote2/doc"
m (WP:CHECKWIKI error 18 fixes + general fixes (BRFA 15) using AWB (7832)) |
m (1 revision) |
(No difference)
|
Latest revision as of 05:07, 23 March 2014
40px | This is a documentation subpage for Template:Imagequote2. It contains usage information, categories and other content that is not part of the original template page. |
Usage
{{Imagequote2|BLOCKQUOTE TEXT}}
Purpose and example
This template is a more refined version of the {{imagequote}} design. Whereas that template uses the <blockquote> HTML code, calls for two variables, and requires a fixed-size image width, this method is much more adaptive and requires only one variable (the text of the blockquote).
imagequote2 creates a proper blockquote when a left-aligned image would otherwise eliminate the left margin of the quoted text. A standard blockquote (or a template such as {{bquote}}) next to a left-aligned image, as with this code:
[[Image:William Hogarth 017.jpg|thumb|left|180px]] Paragraph above <blockquote>Blockquote text</blockquote> Paragraph below
Produces this result:
Paragraph above
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.
Paragraph below
Notice that the blockquote does not have a proper left margin. Notice also that this problem does not exist with right-aligned images. The reason for the vanishing left-side margin are somewhat technical and boring (it has to do with CSS and the defaults of the MediaWiki software). When we use the {{Imagequote2}} template, however, the proper left margin is added to the left side of the blockquote. Thus, the code:
[[Image:William Hogarth 017.jpg|thumb|left|180px]] Paragraph above {{Imagequote2|Blockquote text}} Paragraph below
Produces:
Paragraph above
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. |
Paragraph below