Help:Images - Revision history

TheRoman: /* Examples */

2025-05-27T22:11:25Z

Examples

← Older revision		Revision as of 22:11, 27 May 2025
Line 93:		Line 93:
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left~~; background-color: white~~;" \|<pre>{{image\|Pen.png\|A pen nib silhouette.\|align=right\|width=200px}}		\| style="text-align: left;" \|<pre>{{image\|Pen.png\|A pen nib silhouette.\|align=right\|width=200px}}
	</pre>		</pre>
	\| style="~~background-color: white;~~ text-align:justify;" \| {{image\|Pen.png\|A pen nib silhouette.\|align=right\|width=200px}}		\| style="text-align:justify;" \| {{image\|Pen.png\|A pen nib silhouette.\|align=right\|width=200px}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Resized and Re-aligned</span><br><div style="text-align: left;"><span style="font-weight: normal;">The image is aligned to the left and resized; no border or room for the caption. (Supplying a caption in this use case is unnecessary, but this text will appear when the image is hovered over for a few seconds.) This image links to the "Emma M. Lion" article. When using this method, text will wrap around the image.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Resized and Re-aligned</span><br><div style="text-align: left;"><span style="font-weight: normal;">The image is aligned to the left and resized; no border or room for the caption. (Supplying a caption in this use case is unnecessary, but this text will appear when the image is hovered over for a few seconds.) This image links to the "Emma M. Lion" article. When using this method, text will wrap around the image.</div>
Line 102:		Line 102:
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left~~; background-color: white~~;" \|<pre>[[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]</pre>		\| style="text-align: left;" \|<pre>[[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]</pre>
	~~\| style="background-color: white;"~~ \| [[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]		\| [[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Thumbnail</span><br><div style="text-align: left;"><span style="font-weight: normal;">A image thumbnail is the basis on which the {{t\|Image}} template is built, though the template adds artist attribution. If an alignment is not set, using this method will default to right alignment.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Thumbnail</span><br><div style="text-align: left;"><span style="font-weight: normal;">A image thumbnail is the basis on which the {{t\|Image}} template is built, though the template adds artist attribution. If an alignment is not set, using this method will default to right alignment.</div>
Line 110:		Line 110:
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left~~; background-color: white~~;" \|<pre>[[File:Pen.png\|thumb\|A pen nib silhouette.]]</pre>		\| style="text-align: left;" \|<pre>[[File:Pen.png\|thumb\|A pen nib silhouette.]]</pre>
	~~\| style="background-color: white;"~~ \| [[File:Pen.png\|thumb\|A pen nib silhouette.]]		\| [[File:Pen.png\|thumb\|A pen nib silhouette.]]
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Centered with Border</span><br><div style="text-align: left;"><span style="font-weight: normal;">The example below adds a border and centers the image. If no width is specified, the image will be full sized. (Supplying a caption in this use case is unnecessary, but this text will appear when the image is hovered over for a few seconds.) This image links to the home page.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Centered with Border</span><br><div style="text-align: left;"><span style="font-weight: normal;">The example below adds a border and centers the image. If no width is specified, the image will be full sized. (Supplying a caption in this use case is unnecessary, but this text will appear when the image is hovered over for a few seconds.) This image links to the home page.</div>
Line 118:		Line 118:
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left~~; background-color: white~~;" \|<pre>[[File:Pen.png\|border\|center\|A pen nib silhouette.\|link=Main Page]]</pre>		\| style="text-align: left;" \|<pre>[[File:Pen.png\|border\|center\|A pen nib silhouette.\|link=Main Page]]</pre>
	~~\| style="background-color: white;"~~ \| [[File:Pen.png\|border\|center\|A pen nib silhouette.\|link=Main Page]]		\| [[File:Pen.png\|border\|center\|A pen nib silhouette.\|link=Main Page]]
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Resized and Line Break</span><br><div style="text-align: left;"><span style="font-weight: normal;"> If using <code>none</code> or <code>center</code>, the image is treated as a block element, meaning text will '''NOT''' wrap around the image.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Resized and Line Break</span><br><div style="text-align: left;"><span style="font-weight: normal;"> If using <code>none</code> or <code>center</code>, the image is treated as a block element, meaning text will '''NOT''' wrap around the image.</div>
Line 126:		Line 126:
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left~~; background-color: white~~;" \|<pre>[[File:Pen.png\|none\|50px]]</pre>		\| style="text-align: left;" \|<pre>[[File:Pen.png\|none\|50px]]</pre>
	~~\| style="background-color: white;"~~ \| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [[File:Pen.png\|none\|50px]] Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.		\| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [[File:Pen.png\|none\|50px]] Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

	\|-		\|-
Line 135:		Line 135:
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left~~; background-color: white~~;" \|<pre><gallery widths=75px caption="A gallery of pen nibs.">		\| style="text-align: left;" \|<pre><gallery widths=75px caption="A gallery of pen nibs.">
	File:Pen.png \| 1		File:Pen.png \| 1
	File:Pen.png \| 2		File:Pen.png \| 2
Line 147:		Line 147:
	File:Pen.png \| 10		File:Pen.png \| 10
	</gallery></pre>		</gallery></pre>
	~~\| style="background-color: white;"~~ \| <gallery widths=75px caption="A gallery of pen nibs.">		\| <gallery widths=75px caption="A gallery of pen nibs.">
	File:Pen.png \| 1		File:Pen.png \| 1
	File:Pen.png \| 2		File:Pen.png \| 2
Line 165:		Line 165:
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left~~; background-color: white~~;" \|<pre>{{character		\| style="text-align: left;" \|<pre>{{character
	\|name=Pen		\|name=Pen
	\|image=Pen.png		\|image=Pen.png
Line 172:		Line 172:
	}}		}}
	</pre>		</pre>
	~~\| style="background-color: white;"~~ \| {{character		\| {{character
	\|name=Pen		\|name=Pen
	\|image=Pen.png		\|image=Pen.png

TheRoman: /* Examples */

2025-05-15T02:28:40Z

Examples

← Older revision		Revision as of 02:28, 15 May 2025
Line 88:		Line 88:
	{\| 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%;">Using {{t\|Image}}</span><br><div style="text-align: left;"><span style="font-weight: normal;">The preferred method of inserting an image into the body of an article is by using the {{t\|Image}} template. Using it will generate a simple thumbnail that text will wrap around. The example below is the preferred execution of this template, with caption~~, artist attribution~~, alignment to either left or right, and a width set. You can find further examples and information on the [[:Template:Image\|template's page]].</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Using {{t\|Image}}</span><br><div style="text-align: left;"><span style="font-weight: normal;">The preferred method of inserting an image into the body of an article is by using the {{t\|Image}} template. Using it will generate a simple thumbnail that text will wrap around. The example below is the preferred execution of this template, with caption, alignment to either left or right, and a width set. You can find further examples and information on the [[:Template:Image\|template's page]].</div>
	\|-		\|-
	! width=30%\|You Type		! width=30%\|You Type
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left; background-color: white;" \|<pre>{{image\|Pen.png\|A pen nib silhouette.~~\|artist=Declan Lion~~\|align=right\|width=200px}}		\| style="text-align: left; background-color: white;" \|<pre>{{image\|Pen.png\|A pen nib silhouette.\|align=right\|width=200px}}
	</pre>		</pre>
	\| style="background-color: white; text-align:justify;" \| {{image\|Pen.png\|A pen nib silhouette.~~\|artist=Declan Lion~~\|align=right\|width=200px}}		\| style="background-color: white; text-align:justify;" \| {{image\|Pen.png\|A pen nib silhouette.\|align=right\|width=200px}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Resized and Re-aligned</span><br><div style="text-align: left;"><span style="font-weight: normal;">The image is aligned to the left and resized; no border or room for the caption. (Supplying a caption in this use case is unnecessary, but this text will appear when the image is hovered over for a few seconds.) This image links to the "Emma M. Lion" article. When using this method, text will wrap around the image.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Resized and Re-aligned</span><br><div style="text-align: left;"><span style="font-weight: normal;">The image is aligned to the left and resized; no border or room for the caption. (Supplying a caption in this use case is unnecessary, but this text will appear when the image is hovered over for a few seconds.) This image links to the "Emma M. Lion" article. When using this method, text will wrap around the image.</div>

TheRoman: /* Uploading Files */

2025-05-14T03:15:05Z

Uploading Files

← Older revision		Revision as of 03:15, 14 May 2025
Line 31:		Line 31:

	== Uploading Files ==		== Uploading Files ==
	Images must be uploaded to The Reed and Rite before they can be used in articles. You can do so by using the [[Special:Upload\|Upload file]] ~~link~~, located in the Tools menu.		Images must be uploaded to The Reed and Rite before they can be used in articles. You can do so by using the [[Special:Upload\|Upload file link]], located in the Tools menu.

	# Select <code>Choose File</code> in the "Source File" window.		# Select <code>Choose File</code> in the "Source File" window.
Line 37:		Line 37:
	# Select <code>Upload</code>.		# Select <code>Upload</code>.

	Next you need to fill in the file description. The "filename" box should be automatically filled after the file is uploaded; please change it to the following format: [subject] by [artist]. Use the Summary field of the File description section to provide details about the image. Typically, the summary should contain links to relevant pages, a short description of the image, the artist(s) name(s), a link to the source of the image (as needed), and any relevant categories.		Next you need to fill in the file description. The "filename" box should be automatically filled after the file is uploaded; please change it to the following format: [subject] by [artist]. Use the Summary field of the File description section to provide details about the image. Typically, the summary should contain links to relevant pages, a short description of the image, the artist(s) name(s), a link to the source of the image (as needed), and any relevant categories.

	== File Pages ==		== File Pages ==

TheRoman: /* Examples */

2025-05-03T05:39:14Z

Examples

← Older revision		Revision as of 05:39, 3 May 2025
Line 103:		Line 103:
	\|-		\|-
	\| style="text-align: left; background-color: white;" \|<pre>[[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]</pre>		\| style="text-align: left; background-color: white;" \|<pre>[[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]</pre>
	\| style="background-color: white;" \| [[File:Pen.png\|left\|200px\|A pen.\|link=Emma M. Lion]]		\| style="background-color: white;" \| [[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Thumbnail</span><br><div style="text-align: left;"><span style="font-weight: normal;">A image thumbnail is the basis on which the {{t\|Image}} template is built, though the template adds artist attribution. If an alignment is not set, using this method will default to right alignment.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Thumbnail</span><br><div style="text-align: left;"><span style="font-weight: normal;">A image thumbnail is the basis on which the {{t\|Image}} template is built, though the template adds artist attribution. If an alignment is not set, using this method will default to right alignment.</div>

TheRoman: /* Examples */

2025-05-03T05:39:01Z

Examples

← Older revision		Revision as of 05:39, 3 May 2025
Line 102:		Line 102:
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left; background-color: white;" \|<pre>[[File:Pen.png\|left\|200px\|A pen.\|link=Emma M. Lion]]</pre>		\| style="text-align: left; background-color: white;" \|<pre>[[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]</pre>
	\| style="background-color: white;" \| [[File:Pen.png\|left\|200px\|A pen ~~nib silhouette~~.\|link=Emma M. Lion]]		\| style="background-color: white;" \| [[File:Pen.png\|left\|200px\|A pen.\|link=Emma M. Lion]]
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Thumbnail</span><br><div style="text-align: left;"><span style="font-weight: normal;">A image thumbnail is the basis on which the {{t\|Image}} template is built, though the template adds artist attribution. If an alignment is not set, using this method will default to right alignment.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Thumbnail</span><br><div style="text-align: left;"><span style="font-weight: normal;">A image thumbnail is the basis on which the {{t\|Image}} template is built, though the template adds artist attribution. If an alignment is not set, using this method will default to right alignment.</div>

TheRoman: /* Examples */

2025-05-03T05:38:37Z

Examples

← Older revision		Revision as of 05:38, 3 May 2025
Line 102:		Line 102:
	!You Get		!You Get
	\|-		\|-
	\| style="text-align: left; background-color: white;" \|<pre>[[File:Pen.png\|left\|200px\|A pen ~~nib silhouette~~.\|link=Emma M. Lion]]</pre>		\| style="text-align: left; background-color: white;" \|<pre>[[File:Pen.png\|left\|200px\|A pen.\|link=Emma M. Lion]]</pre>
	\| style="background-color: white;" \| [[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]		\| style="background-color: white;" \| [[File:Pen.png\|left\|200px\|A pen nib silhouette.\|link=Emma M. Lion]]
	\|-		\|-

TheRoman: /* Galleries */

2025-05-03T01:28:19Z

Galleries

← Older revision		Revision as of 01:28, 3 May 2025
Line 80:		Line 80:

	=== Galleries ===		=== Galleries ===
	Use ~~sub-~~galleries to add a series of related images. Galleries should be created once a page is no longer able to reasonably hold more art.		Use galleries to add a series of related images. Galleries should generally only be used on a dedicated subpage and should be created once a page is no longer able to reasonably hold more art.

	=== Infoboxes ===		=== Infoboxes ===

TheRoman: /* Examples */

2025-05-03T01:26:42Z

Examples

← Older revision		Revision as of 01:26, 3 May 2025
Line 130:		Line 130:

	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Gallery Example</span><br><div style="text-align: left;"><span style="font-weight: normal;">Galleries are generally reserved for gallery subpages rather than for use on an article page.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Gallery Example</span><br><div style="text-align: left;"><span style="font-weight: normal;">Galleries are generally reserved for gallery subpages rather than for use on an article page. More information on the various ways of displaying galleries can be found in [https://www.mediawiki.org/wiki/Help:Images#Rendering_a_gallery_of_images MediaWiki's Help Guide].</div>
	\|-		\|-
	! width=25%\|You Type		! width=25%\|You Type
Line 160:		Line 160:
	</gallery>		</gallery>
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">~~Infobox Example~~</span><br><div style="text-align: left;"><span style="font-weight: normal;">When using in an infobox, such as the {{t\|character}} infobox, an image can be inserted using the <code>image=</code> parameter.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Infoboxes</span><br><div style="text-align: left;"><span style="font-weight: normal;">When using in an infobox, such as the {{t\|character}} infobox, an image can be inserted by using the <code>image=</code> parameter.</div>
	\|-		\|-
	! width=25%\|You Type		! width=25%\|You Type

TheRoman: /* Examples */

2025-05-03T01:19:06Z

Examples

← Older revision		Revision as of 01:19, 3 May 2025
Line 113:		Line 113:
	\| style="background-color: white;" \| [[File:Pen.png\|thumb\|A pen nib silhouette.]]		\| style="background-color: white;" \| [[File:Pen.png\|thumb\|A pen nib silhouette.]]
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Centered with Border ~~Example~~</span><br><div style="text-align: left;"><span style="font-weight: normal;">~~Given~~ a border and ~~centered~~. No width specified ~~means~~ the image will be full ~~size~~. (Supplying a caption in this use case is unnecessary.) This image links to the home page.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Centered with Border</span><br><div style="text-align: left;"><span style="font-weight: normal;">The example below adds a border and centers the image. If no width is specified, the image will be full sized. (Supplying a caption in this use case is unnecessary, but this text will appear when the image is hovered over for a few seconds.) This image links to the home page.</div>
	\|-		\|-
	! width=25%\|You Type		! width=25%\|You Type
Line 121:		Line 121:
	\| style="background-color: white;" \| [[File:Pen.png\|border\|center\|A pen nib silhouette.\|link=Main Page]]		\| style="background-color: white;" \| [[File:Pen.png\|border\|center\|A pen nib silhouette.\|link=Main Page]]
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Resized and ~~line break Example~~</span><br><div style="text-align: left;"><span style="font-weight: normal;">~~Using~~ none (or center~~)will break~~ the text ~~for~~ the image.</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Resized and Line Break</span><br><div style="text-align: left;"><span style="font-weight: normal;"> If using <code>none</code> or <code>center</code>, the image is treated as a block element, meaning text will '''NOT''' wrap around the image.</div>
	\|-		\|-
	! width=25%\|You Type		! width=25%\|You Type
Line 130:		Line 130:

	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Gallery Example</span><br><div style="text-align: left;"><span style="font-weight: normal;">~~Description~~</div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 115%;">Gallery Example</span><br><div style="text-align: left;"><span style="font-weight: normal;">Galleries are generally reserved for gallery subpages rather than for use on an article page.</div>
	\|-		\|-
	! width=25%\|You Type		! width=25%\|You Type
Line 144:		Line 144:
	File:Pen.png \| 7		File:Pen.png \| 7
	File:Pen.png \| 8		File:Pen.png \| 8
			File:Pen.png \| 9
			File:Pen.png \| 10
	</gallery></pre>		</gallery></pre>
	\| style="background-color: white;" \| <gallery widths=75px caption="A gallery of pen nibs.">		\| style="background-color: white;" \| <gallery widths=75px caption="A gallery of pen nibs.">
Line 154:		Line 156:
	File:Pen.png \| 7		File:Pen.png \| 7
	File:Pen.png \| 8		File:Pen.png \| 8
			File:Pen.png \| 9
			File:Pen.png \| 10
	</gallery>		</gallery>
	\|-		\|-

TheRoman: /* Examples */

2025-05-03T01:08:55Z

Examples

← Older revision		Revision as of 01:08, 3 May 2025
Line 127:		Line 127:
	\|-		\|-
	\| style="text-align: left; background-color: white;" \|<pre>[[File:Pen.png\|none\|50px]]</pre>		\| style="text-align: left; background-color: white;" \|<pre>[[File:Pen.png\|none\|50px]]</pre>
	\| style="background-color: white;" \| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [[File:Pen.png\|none\|50px]] 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.		\| style="background-color: white;" \| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [[File:Pen.png\|none\|50px]] Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

	\|-		\|-