Difference between revisions of "Help:How to use pictures"

From Birocapedia
Jump to navigationJump to search
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
To add an image to an article first you must upload the image. If the image is on the internet then you need to save it to a place on your computer. Once the image is on your computer click the upload file link in the toolbox on the right. Click the browse button to the right of the source filename box. find the image that you want to upload and double click on it. Type an english name for the file in the destination filename box but be sure to keep the extenstion (the part after and including the dot, like .jpg). Add a short summary of what the picture is of and then click the upload file button. You may get a warning but be sure to save the file anyway. After that you will be brought to a page with the picture on it. Now you can utilize that picture in an article. Below you can see the different ways you can add images to a page on Birchrockopedia. There are a few more but in order to keep pages uniform please use the methods below.
+
To add an image to an article first you must upload the image. Go to the [[Special:Upload|Upload page]] in the toolbox on the left and click the browse button to select the image you want to upload. Add a short summary and categorize the image by its year if you know it. After that you will be brought to a page with the picture on it. Now you can use that picture in an article. Below are a few different ways to incorporate pictures into articles.  
==Thumbnails==  
+
 
[[image:Loonbadge.jpg|left|thumb|100px|The loon badge]]
+
== Thumbnails ==  
[[image:Loonbadge.jpg|thumb|The loon badge]]
+
 
To make a thumbnail use the syntax <nowiki>[[</nowiki>image:''the name of the image''|''location''|thumb|''size in pixels''|''caption'']]. The parts in italics are the things you will modify. For example <nowiki>[[image:Loonbadge.jpg|left|thumb|100px|The loon badge]]</nowiki> makes the thumbnail you can see on the left. If you just want to have the image on the right and be the perfect 200 pixels wide then you can just type in <nowiki>[[image:Loonbadge.jpg|thumb|The loon badge]]</nowiki>. You do not need to include the size or location values because right and 200 pixels are the defaults. You can see what that looks like by looking at the thumbnail to the right of this section.
+
[[Image:Loonbadge.jpg|left|thumb|100px|The loon badge]]
==Gallery of images==
+
[[Image:Loonbadge.jpg|thumb|The loon badge]]
 +
 
 +
To make a thumbnail use the syntax <nowiki>[[</nowiki>image:''the name of the image.jpg''|''orientation''|thumb|''size in pixels''|''caption'']]. The parts in italics are the things you will modify. For example, <nowiki>[[image:Loonbadge.jpg|left|thumb|100px|The loon badge]]</nowiki> makes the thumbnail you can see on the left. If you just want to have the image on the right and be the perfect 200 pixels wide then you can just type in <nowiki>[[image:Loonbadge.jpg|thumb|The loon badge]]</nowiki>. You do not need to include the size or location values because right and 200 pixels are the defaults.  
 +
 
 +
== Gallery of Images ==
 +
 
 
You can make a neat little gallery of images inside a box by using the following syntax.
 
You can make a neat little gallery of images inside a box by using the following syntax.
 
<pre>
 
<pre>
 
<gallery>
 
<gallery>
Image:Mcwain.jpg|Lake McWain
+
Image:Beach1.jpg|Line-up and Run
Image:duck.jpg|The path of a duck
+
Image:Beach2.jpg|Getting some shade
Image:seal.jpg|The path of a seal
+
Image:Beach3.jpg|Beach Volleyball
Image:whale.jpg|The path of a whale
+
Image:Beach4.jpg|Sand Castle construction
 
</gallery>
 
</gallery>
 
</pre>
 
</pre>
 
The result looks like this:
 
The result looks like this:
 
<gallery>
 
<gallery>
Image:Mcwain.jpg|Lake McWain
+
Image:Beach1.jpg|Line-up and Run
Image:duck.jpg|The path of a duck
+
Image:Beach2.jpg|Getting some shade
Image:seal.jpg|The path of a seal
+
Image:Beach3.jpg|Beach Volleyball
Image:whale.jpg|The path of a whale
+
Image:Beach4.jpg|Sand Castle construction
 
</gallery>
 
</gallery>
==Links to images==
+
 
{|align="center" border="1"
+
== Links to Images ==
 +
 
 +
{|class="wikitable"
 
!Description
 
!Description
 
!Syntax
 
!Syntax
Line 28: Line 35:
 
!Output
 
!Output
 
|-
 
|-
|Link to media uploaded on<br>Birchrockopedia
+
|Link to media uploaded on Birocapedia
|<nowiki>[[Media:IMAGE NAME HERE]]</nowiki>
+
|<nowiki>[[Media:</nowiki>''image name here''<nowiki>]]</nowiki>
 
|<nowiki>[[Media:Loonbadge.jpg]]</nowiki>
 
|<nowiki>[[Media:Loonbadge.jpg]]</nowiki>
 
|[[Media:Loonbadge.jpg]]
 
|[[Media:Loonbadge.jpg]]
 
|-
 
|-
|Link to the description<br>page of media uploaded<br> on Birchrockopedia
+
|Link to the description page of media uploaded on Birocapedia
|<nowiki>[[:Image:IMAGE NAME HERE]]</nowiki>
+
|<nowiki>[[:Image:</nowiki>''image name here''<nowiki>]]</nowiki>
 
|<nowiki>[[:Image:Loonbadge.jpg]]</nowiki>
 
|<nowiki>[[:Image:Loonbadge.jpg]]</nowiki>
 
|[[:Image:Loonbadge.jpg]]
 
|[[:Image:Loonbadge.jpg]]
 
|-
 
|-
|Link to an image<br>with different text
+
|Link to the description page of media with different text
|<nowiki>[[IMAGE LINK HERE|DIFFERENT TEXT]]</nowiki>
+
|<nowiki>[[</nowiki>''image link here''<nowiki>|</nowiki>''different text''<nowiki>]]</nowiki>
|<nowiki>[[:Image:Loonbadge.jpg|The Loon badge]]</nowiki><br><nowiki>[[Media:Loonbadge.jpg|A Loon badge]]</nowiki>
+
|<nowiki>[[:Image:Loonbadge.jpg|The Loon badge]]</nowiki>
|[[:Image:Loonbadge.jpg|The Loon badge]]<br>[[Media:Loonbadge.jpg|A Loon badge]]
+
|[[:Image:Loonbadge.jpg|The Loon badge]]
 +
|-
 +
|Link directly to the image with different text
 +
|<nowiki>[[</nowiki>''image link here''<nowiki>|</nowiki>''different text''<nowiki>]]</nowiki>
 +
|<nowiki>[[Media:Loonbadge.jpg|A Loon badge]]</nowiki>
 +
|[[Media:Loonbadge.jpg|A Loon badge]]
 
|}
 
|}

Latest revision as of 13:04, 28 February 2009

To add an image to an article first you must upload the image. Go to the Upload page in the toolbox on the left and click the browse button to select the image you want to upload. Add a short summary and categorize the image by its year if you know it. After that you will be brought to a page with the picture on it. Now you can use that picture in an article. Below are a few different ways to incorporate pictures into articles.

Thumbnails

The loon badge
The loon badge

To make a thumbnail use the syntax [[image:the name of the image.jpg|orientation|thumb|size in pixels|caption]]. The parts in italics are the things you will modify. For example, [[image:Loonbadge.jpg|left|thumb|100px|The loon badge]] makes the thumbnail you can see on the left. If you just want to have the image on the right and be the perfect 200 pixels wide then you can just type in [[image:Loonbadge.jpg|thumb|The loon badge]]. You do not need to include the size or location values because right and 200 pixels are the defaults.

Gallery of Images

You can make a neat little gallery of images inside a box by using the following syntax.

<gallery>
Image:Beach1.jpg|Line-up and Run
Image:Beach2.jpg|Getting some shade
Image:Beach3.jpg|Beach Volleyball
Image:Beach4.jpg|Sand Castle construction
</gallery>

The result looks like this:

Links to Images

Description Syntax You write Output
Link to media uploaded on Birocapedia [[Media:image name here]] [[Media:Loonbadge.jpg]] Media:Loonbadge.jpg
Link to the description page of media uploaded on Birocapedia [[:Image:image name here]] [[:Image:Loonbadge.jpg]] Image:Loonbadge.jpg
Link to the description page of media with different text [[image link here|different text]] [[:Image:Loonbadge.jpg|The Loon badge]] The Loon badge
Link directly to the image with different text [[image link here|different text]] [[Media:Loonbadge.jpg|A Loon badge]] A Loon badge