How To: Add Images To Your Wiki - Revision history

Freelancewizard: switch cat

2014-06-24T22:01:59Z

switch cat

2013-08-07T00:34:52Z

2013-07-26T06:38:15Z

2013-07-26T06:37:46Z

2013-07-26T06:37:25Z

2013-07-26T06:37:10Z

2013-07-26T06:37:01Z

2013-07-26T06:36:46Z

2013-07-26T06:36:22Z

2013-07-26T06:34:06Z

@@ Line 7: / Line 7: @@
 '''Step 3:''' Click 'browse' and locate your image.
-'''Step 4:''' Make note of the 'Destination Filename' you will need this to link your image.
+'''Step 4:''' Make note of the 'Destination Filename' you will need this to link your image. '''Note:''' This is CASE SENSITIVE!
 '''Step 5:''' Click 'Upload' and your image will upload. Once it is it will also display the dimensions of your picture, which is helpful later.
@@ Line 13: / Line 13: @@
 '''Step 6:''' Use the following code to insert your image in to your wiki. '''Note:''' If you are inserting an image in to the INFOBOX you do not need this code, only the 'Destination Filename'.<br>
-<nowiki>[[sample.png|center|300x300px| This is a sample]]</nowiki><br>
+<nowiki>[[File:sample.png|center|300x300px| This is a sample]]</nowiki><br>
-'''sample.png:''' the 'Destination Filename. This is case sensitive.<br>
+'''File:sample.png:''' the 'Destination Filename. This is case sensitive.<br>
 '''center:''' the picture alignment. This can be left, right or center.<br>
 '''300x300px:''' The size of your image. Use the dimensions in Step 5 to help yourself properly adjust this if needed.<br>

@@ Line 3: / Line 3: @@
 '''Step 1:''' Ensure you are logged in to the wiki.
-'''Step 2:''' Navigate to the [http://ffxiv-roleplayers.com/wiki/index.php?title=Special:Upload 'Upload an Image'] page. Note: This page is not viewable in the left hand navigation if you are currently editing a page.
+'''Step 2:''' Navigate to the [http://ffxiv-roleplayers.com/wiki/index.php?title=Special:Upload 'Upload an Image'] page. '''Note:''' This page is not viewable in the left hand navigation if you are currently editing a page.
 '''Step 3:''' Click 'browse' and locate your image.
@@ Line 11: / Line 11: @@
 '''Step 5:''' Click 'Upload' and your image will upload. Once it is it will also display the dimensions of your picture, which is helpful later.
-'''Step 6:''' Use the following code to insert your image in to your wiki. Note: If you are inserting an image in to the INFOBOX you do not need this code, only the 'Destination Filename'.<br>
+'''Step 6:''' Use the following code to insert your image in to your wiki. '''Note:''' If you are inserting an image in to the INFOBOX you do not need this code, only the 'Destination Filename'.<br>

← Older revision		Revision as of 06:37, 26 July 2013
Line 26:		Line 26:


−	Images often take some time to adjust and move for the desired effect, so please ask for help if you need it. Please note that you cannot link images from outside hosting sites, the uploader is the only way to display an image on the wiki.	+	Images often take some time to adjust and move for the desired effect, so please ask for help if you need it. <br>
		+	Please note that you cannot link images from outside hosting sites, the uploader is the only way to display an image on the wiki.


	[[category:Wiki Templates]]		[[category:Wiki Templates]]

← Older revision		Revision as of 06:37, 26 July 2013
Line 22:		Line 22:
	'''This is a sample:''' The text displayed when the mouse is hovered over the image.<br>		'''This is a sample:''' The text displayed when the mouse is hovered over the image.<br>

−	''Step 7:''' Save your wiki.	+
		+	'''Step 7:''' Save your wiki.

@@ Line 15: / Line 15: @@
 <nowiki>[[sample.png|center|300x300px| This is a sample]]</nowiki>
-sample.png: the 'Destination Filename. This is case sensitive.<br>
+'''sample.png:''' the 'Destination Filename. This is case sensitive.<br>
-center: the picture alignment. This can be left, right or center.<br>
+'''center:''' the picture alignment. This can be left, right or center.<br>
-x300px: The size of your image. Use the dimensions in Step 5 to help yourself properly adjust this if needed.<br>
+'''300x300px:''' The size of your image. Use the dimensions in Step 5 to help yourself properly adjust this if needed.<br>
-This is a sample: The text displayed when the mouse is hovered over the image.<br>
+'''This is a sample:''' The text displayed when the mouse is hovered over the image.<br>
 ''Step 7:''' Save your wiki.