[[Category:Wiki]]
''This tutorial has been copied from [http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial Wikipedia] and has not yet been fully adjusted to the CPCWiki''
This is a tutorial on how to insert pictures in CPCWiki articles using Wikiformat. There is also a [http://en.wikipedia.org/wiki/Wikipedia:Extended_image_syntax|shorter technical document describing the syntax]].<!-- please don't put a newline here; it will make a huge ugly space!!! --->
For the purposes of this tutorial, all examples will use the Amstrad series collage as the picture.
<br>
Asterisks are used in the text to show the ''edit location'' of the image tag.
==Uploading==
To upload a picture (or other file), click the '''Upload File''' button, found in the frame menu, on the left side of the screen.
==Plain picture==
<span style="color:#996633">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Donec varius egestas tortor. Curabitur augue leo, ullamcorper ac, tempus sed, gravida quis, felis.
Curabitur pretium malesuada dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur et urna. Cras lacus. Donec risus. Proin ornare eros ac nibh.
In venenatis erat sit amet mauris. Morbi sem felis, tempus eget, aliquam id, imperdiet id, elit. Vestibulum turpis. Etiam ornare, nisl ac varius fermentum, tortor elit laoreet tellus, ut interdum massa eros eget urna. Nunc congue nisl quis orci. Nunc nibh. Integer iaculis, ante sed fringilla tempus, enim augue gravida nibh, vehicula congue arcu tortor ac ligula. In eget libero vel magna varius viverra. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse elementum.</span>
<span style="color:#996633">Mauris arcu magna, ultrices a, tristique facilisis, facilisis id, massa. Quisque in arcu. Praesent auctor mauris sit amet leo. Proin facilisis viverra tellus. Morbi at purus. Nam dictum. Donec ac neque. Integer sapien wisi, lacinia nec, tincidunt in, lacinia sit amet, ante. Quisque in urna. Donec rutrum.</span>
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat. Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.</span>
[[image:Flag of Scotland.svg|right|thumb|200px|The flag of Scotland]]
'''<nowiki><br style="clear:both;"></nowiki>'''
<br style="clear:both;">
It's also possible to have two adjacent images of different sizes cause [[word wrap]]ping problems; separating them in the markup seems to solve this; compare [http://en.wikipedia.org/w/index.php?title=Reddit&oldid=80478492] with [http://en.wikipedia.org/w/index.php?title=Reddit&oldid=84098604].
==Linking to pictures without displaying them==
Let's say you want to link to the picture without displaying it. There are two ways to do it.
'''<nowiki>;[[Media:C:\Documents and Settings\murali_p\My Documents\My PicturesCpcserieb.jpg]]</nowiki>'''
[[Media:Cpcserieb.jpg]]
<td>[[image:Cpcserieb.jpg|thumb|120px|Amstrad Series]]
</td>
<td>Here is a text article. <span style="color:#996633">Here is a text article. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante.</span>
</td>
<td>[[image:Cpcserieb.jpg|thumb|120px|Amstrad Series]]
</td>
<td><span style="color:#996633">Here is '''another''' text article. <span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante.</span>
</td>
</tr>
</table>