|
|
| Line 14: |
Line 14: |
| | * '''Name''' the image as specifically as possible so it doesn't conflict with other images (e.g. ''not'' Logo.jpg, Sample.png, etc.). | | * '''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).
| |
| | [[Image:AboutUsLogoNew.png]] | | [[Image:AboutUsLogoNew.png]] |
| − |
| |
| − | '''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.
| |
| − |
| |
| − |
| |
| − | [[Category:AboutUs Help]]
| |
| − |
| |
| − |
| |
| − | <div align="left">
| |
| − | {| style="border:2px solid #fc0; text-align:left; background:transparent"
| |
| − | |-<!-- ADDING HEADING -->
| |
| − | | colspan="3" style="background: #fc0; padding: 0.2em; font-family: sans-serif; font-size: 0.9em; text-align:center;" | <big>Adding Images</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 uploaded to AboutUs'''
| |
| − | :''(Place an uploaded picture on an AboutUs page)''
| |
| − | |
| |
| − | <center><tt><nowiki>[[Image:AboutUsLogoNew.png]]</nowiki></tt></center>
| |
| − | |
| |
| − | <center>[[Image:AboutUsLogoNew.png|200px]]</center>
| |
| − | |-
| |
| − | |colspan="3" style="border-top:1px solid #fc0;"|
| |
| − | |-
| |
| − | |'''Image from another site'''
| |
| − | :''(Place a picture from another site on an [[AboutUs]] page)''
| |
| − | |
| |
| − | <center><tt><nowiki>http://media.npr.org/images/logo_npr_125.gif</nowiki></tt></center>
| |
| − | |
| |
| − | <center>http://media.npr.org/images/logo_npr_125.gif</center>
| |
| − | |-<!-- THUMBNAILS HEADING -->
| |
| − | | colspan="3" style="background: #fc0; padding: 0.2em; font-family: sans-serif; font-size: 0.9em; text-align:center;" | <big>Thumbnails, Frames, and Captions</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'''
| |
| − | |-
| |
| − | |'''Website [[thumbnail]]'''
| |
| − | :''(Creates a [[thumbnail]] image of your websites front page)''
| |
| − | |
| |
| − | <center><tt><nowiki><thumbnail>AboutUs.org</thumbnail></nowiki></tt></center>
| |
| − | |
| |
| − | <center><thumbnail>aboutus.org</thumbnail></center>
| |
| − | |-
| |
| − | |colspan="3" style="border-top:1px solid #fc0;"|
| |
| − | |-
| |
| − | |'''[[Thumbnail]] image on [[AboutUs]]'''
| |
| − | :''(Resizes and frames an image)''
| |
| − | |
| |
| − | <center><tt><nowiki>[[Image:AboutUsLogoNew.png|thumb]]</nowiki></tt></center>
| |
| − | |
| |
| − | [[Image:AboutUsLogoNew.png|thumb]]
| |
| − | |-
| |
| − | |colspan="3" style="border-top:1px solid #fc0;"|
| |
| − | |-
| |
| − | |'''Frame an image'''
| |
| − | :''(Displays the picture at full size in a frame)''
| |
| − | |
| |
| − | <center><tt><nowiki>[[Image:AboutUsLogoNew.png2|frame]]</nowiki></tt></center>
| |
| − | |
| |
| − | [[Image:AboutUsLogoNew2.png|frame]]
| |
| − | |-
| |
| − | |colspan="3" style="border-top:1px solid #fc0;"|
| |
| − | |-
| |
| − | |'''Inserting a caption'''
| |
| − | :''(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'''
| |
| − | |-
| |
| − | |'''Resize an image'''
| |
| − | |
| |
| − | <center><tt><nowiki>[[Image:AboutUsLogoNew.png|100px]]</nowiki></tt></center>
| |
| − | |
| |
| − | <center>[[Image:AboutUsLogoNew.png|100px]]</center>
| |
| − | |-
| |
| − | |colspan="3" style="border-top:1px solid #fc0;"|
| |
| − | |-
| |
| − | |'''Float image to the left'''
| |
| − | :''(Place the image code before the text you want to align it with)''
| |
| − | |
| |
| − | <center><tt><nowiki>[[Image:AboutUsLogoNew.png|left]]</nowiki></tt></center>
| |
| − | |
| |
| − | [[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.
| |
| − | |-
| |
| − | |colspan="3" style="border-top:1px solid #fc0;"|
| |
| − | |-
| |
| − | |'''Float image to the right'''
| |
| − | :''(Place the image code before the text you want to align it with)''
| |
| − | |
| |
| − | <center><tt><nowiki>[[Image:AboutUsLogoNew.png|right]]</nowiki></tt></center>
| |
| − | |
| |
| − | [[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.
| |
| − | |-
| |
| − | |'''Float and resize '''
| |
| − | |
| |
| − | <center><tt><nowiki>[[Image:AboutUsBetaLogo.jpg|64px|left]]</nowiki></tt></center>
| |
| − | |
| |
| − | [[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.
| |
| − | |}
| |
| − |
| |
| − |
| |
| − | __NOTOC__
| |
==Uploading a picture or logo==
To add a picture, you must first upload the picture in any standard file format to the site.
