Pictures and logos are a great way to spice up [[AboutUs]] pages. Here's a quick primer on working with pictures in [[WikiWiki|wiki]].
−
−
''If you are looking to add a '''portrait of yourself [http://www.aboutus.org/au_web_services/user/manage_portrait go here]''' or click the up arrow in your current portrait/question mark.''
−
−
[[Image:Example.jpg]]==Uploading a picture or logo==
−
To add a picture, you must first [[upload]] the picture in any standard file format to the site.
−
−
{{:Upload file}}
−
−
Keep in mind:
−
* Folks that are '''[[Help:Why create an account?|logged in]]''' can upload images.
−
* [[Upload]] the picture '''before''' making or editing the [[wiki]] page, that way you have the image name in mind and can use it in your page.
−
* '''Name''' the image as specifically as possible so it doesn't conflict with other images (e.g. ''not'' Logo.jpg, Sample.png, etc.).
−
−
==How to add a picture or logo to your page==
−
Once you have uploaded it, you can add the picture/logo to any article by using the command: <nowiki>[[Image:Example.jpg]]</nowiki>, '''replacing "Example" with your filename.''' In this case the filetype was .jpg, but the system supports quite a few other filetypes as well. You can also select the button in the edit area that corresponds to a picture (it's the sixth button from the left).
−
−
−
'''Specifying placement''' - You can also specify that an image go to the "right", "left" or "center" of the text block, forcing the text to "wrap-around" it. To do this, you add a command to the image when you place it as follows: <nowiki>[[Image:Example.jpg|right]]</nowiki>. In this case, the picture will appear in the right hand side and text will wrap around it.
−
−
−
'''Putting your image in a frame''' - In addition to specifying placement, you can put a frame around your image, using the "frame command" as follows: <nowiki>[[Image:Example.jpg|frame]]</nowiki>.
−
−
−
'''Image Thumbnails''' - Puts your image in a frame, but it also shrinks it to a smaller, more manageable size. Viewers can then click the "enlarge" icon inside the frame and see the picture in its full size. Use the "thumbnail" command like this: <nowiki>[[Image:Example.jpg|thumb]]</nowiki>. Note, [[How can I add a thumbnail to an article?|website thumbnails]] are handled differently.
−
−
−
'''Captions''' - Captions can also be added to images that are either inside a frame, or a thumbnail. To do this, you just add the caption at the end of the image command: <nowiki>[[Image:Example.jpg|frame|This is a caption]]</nowiki>.
−
−
−
'''Changing picture size''' - You can specify the size of the photo that shows up on the screen, independent of the "thumb" command. Here's an example of how to limit the size of a picture in your article to 200 pixels: <nowiki>[[Image:Example.jpg|right|200px]]</nowiki>. To choose a different size, simply replace the 200px with a different number.
−
−
−
'''Creating your own combination''' - You can also combine the options. For example, you can take an image, make a thumbnail of it, set the thumbnail at 150px, left justify it, and add a caption: <nowiki>[[Image:Example.jpg|thumb|150px|left|This is a caption]]</nowiki>. The order of the commands doesn't matter, except that '''the picture/file name must come first and the caption last.'''
−
−
−
'''[[Gallery]] option for multiple photos''' - To make a slew of photos more organized and professional, simply list images in between <nowiki><gallery> and </gallery></nowiki> tags and the system will automatically size the photos and create a mini-gallery of the images. See the '''[[Gallery]]''' page for more details.
:''(Insert a caption on a thumbnail or framed image)''
−
|
−
<center><tt><nowiki>[[Image:AboutUsLogoNew.png|thumb|Caption text goes here]]</nowiki></tt><br />
−
<tt>Or</tt><br />
−
<tt><nowiki>[[Image:AboutUsLogoNew.png|frame|Caption text goes here]]</nowiki></tt></center>
−
|
−
[[Image:AboutUsLogoNew.png|thumb|Caption text goes here]]
−
|-<!-- SIZING HEADING -->
−
| colspan="3" style="background: #fc0; padding: 0.2em; font-family: sans-serif; font-size: 0.9em; text-align:center;" | <big>Sizing and Positioning</big>
−
|-<!--COLUMN HEADINGS-->
−
| width="25%" style="background: #e7e7e7; padding: 0.3em; text-align:center;"|'''You want'''
−
| style="background: #e7e7e7; padding: 0.3em; text-align:center;"|'''You do'''
−
| width="25%" style="background: #e7e7e7; padding: 0.3em; text-align:center;"|'''You get'''
[[Image:AboutUsLogoNew.png|left|100px]]'''[[AboutUs]]''' is a [[wiki]] whose goal is to create a free and valuable Internet resource containing information both about websites and other related data. The site was pre-populated with information about many different websites and thousands of updates are now being made by people each day.
[[Image:AboutUsLogoNew.png|right|100px]]'''[[AboutUs]]''' is a [[wiki]] whose goal is to create a free and valuable Internet resource containing information both about websites and other related data. The site was pre-populated with information about many different websites and thousands of updates are now being made by people each day.
[[Image:AboutUsBetaLogo.jpg|64px|left]]'''[[AboutUs]]''' is a [[wiki]] whose goal is to create a free and valuable Internet resource containing information both about websites and other related data. The site was pre-populated with information about many different websites and thousands of updates are now being made by people each day.