Help:Images: Difference between revisions
Tag: Manual revert |
|||
| (2 intermediate revisions by the same user not shown) | |||
| 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]] | 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 == | ||
| 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 | ! 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 | | style="text-align: left;" |<pre>{{image|Pen.png|A pen nib silhouette.|align=right|width=200px}} | ||
</pre> | </pre> | ||
| style=" | | 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 | | style="text-align: left;" |<pre>[[File:Pen.png|left|200px|A pen nib silhouette.|link=Emma M. Lion]]</pre> | ||
| [[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 | | style="text-align: left;" |<pre>[[File:Pen.png|thumb|A pen nib silhouette.]]</pre> | ||
| [[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 | | style="text-align: left;" |<pre>[[File:Pen.png|border|center|A pen nib silhouette.|link=Main Page]]</pre> | ||
| [[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 | | style="text-align: left;" |<pre>[[File:Pen.png|none|50px]]</pre> | ||
| 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 | | 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> | ||
| <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 | | style="text-align: left;" |<pre>{{character | ||
|name=Pen | |name=Pen | ||
|image=Pen.png | |image=Pen.png | ||
| Line 172: | Line 172: | ||
}} | }} | ||
</pre> | </pre> | ||
| {{character | |||
|name=Pen | |name=Pen | ||
|image=Pen.png | |image=Pen.png | ||