close
Sayahna Sayahna
Search

Difference between revisions of "Template:Imagequote2"


(adding more right margin)
 
m (1 revision)
 
(No difference)

Latest revision as of 05:07, 23 March 2014

{{{1}}}
Documentation icon Template documentation[view] [edit] [history] [purge]

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