Help - Search - Members - Calendar
Full Version: Screenshots, Upload, Avatar/sigs
RuneCrypt Forum > General Board > Introductions & Farewells
The Arrowz
*Demonslay's guide on how to add a signature or avatar is on the next post.
*Flaming Tree's guide on how to take a picture for Macintosh's is on the third post.

Screen shots and Uploading
For those who want to show your character on runescape, stats, bank, or even the desktop of your computer, you'll need to learn how to use Paint (this is if you have windows; not sure how to use paint [if they have one] in macs). And yes there are people who don't know how to; its not exactly common sense. 13 steps only wink.gif

1. Get your computer screen so that it is what you want the picture of.
2. Look for the "Print" button on your keyboard. Some keyboards it may read "Print Screen" or "Prnt" or "Print Screen" (and under it on the same key says "SysRq") or even "Prnt Scrn", or even PrtSc; bascially its all the same.
3. For those unfamilar with microsoft (MS) Paint here's how you get to it:

4. On the bottom left is the Start button (bet everyone knows that already lol). Click that. Move your cursor to hover over Programs then over Accessories; then over to Paint.

Start >> Programs >> Accessories >> Paint

IPB Image

5. Once paint is open take your image that you used the Print screen button with and paste it onto the white pad. To paste make sure you clicked on the white pad first, or it may not paste onto it. There are two ways to paste a picture onto paint:
-At the top there is the toolbars. Click Edit and click paste.
-Or you can use the buttons on your keyboard Control and "V". Press Control and while you're holding down Control (or Ctrl on many keyboards) press "V".

6. It may ask you this: "The image in the clipboard is larger than the bitmap. Would you like the bitmap enlarged?" Click Yes.

7. Okay now you got your picture onto paint.

IPB Image

8. Because you don't want such a big picture you will probably want to Crop the picture. Cropping is pretty simple once you get the hang of it.

IPB Image

9. Click that dashed rectangle. Now you can click on the part of the picture you want; your first click will be the corner of your picture.

IPB Image

10. Now copy and paste that picture onto a new paint document. And save it as whatever you want.
**If the image is pretty big you may want to Save it as a jpg
**If the image isn't huge, Saving as a bmp is good!

IPB Image

IPB Image

**If the image is pretty big you may want to Save it as a jpg
**If the image isn't huge, Saving as a bmp is good!

11. Once you save it to upload you can go to www.imageshack.us

12. Click Browse and look for your file

IPB Image

13. Find your file, double click it and click "Upload" and there you go!

Imageshack.us!

Okay for help on what code to use heres another quick tutorial

IPB Image

A. Thumbnail for Websites. This is for HTML; which is basically the behind the scenes of every website; you don't need to use this

Ex.
CODE
<a href="http://img101.imageshack.us/my.php?image=jig5yj.png" target="_blank"><img src="http://img101.imageshack.us/img101/41/jig5yj.th.png" border="0" alt="Free Image Hosting at www.ImageShack.us" /></a>


B. Thumbnail for Forums; this creates a thumbnail; usualy it doesn't matter which one you use but every now and then some forums will have very case sensitive bbcodes so you may need to pick one of them. most forums it doesn't matter which one

Ex. IPB Image

CODE
[URL=http://img101.imageshack.us/my.php?image=jig5yj.png][IMG]http://img101.imageshack.us/img101/41/jig5yj.th.png[/IMG][/URL]


C. Hotlink for forums; This makes the picture along with giving a link to the original picture hosted by imageshack. The picture is "hyperlinked" to imageshack.us

Ex. IPB Image

CODE
[URL=http://www.imageshack.us][IMG]http://img101.imageshack.us/img101/41/jig5yj.png[/IMG][/URL]


D. This is the same as C except again for creating/editing websites

Ex.
CODE
<a href="http://www.imageshack.us"><img src="http://img101.imageshack.us/img101/41/jig5yj.png" border="0" width="316" alt="Image Hosted by ImageShack.us" /></a>


E. This is for giving the image in the link form; click the link and it'll get you to imageshack along with the picture

Ex. http://img101.imageshack.us/my.php?image=jig5yj.png

F. This is the original url/address of the picture you uploaded. You can put it through [IMG] tags to show the picture.

Ex.

IPB Image
The Arrowz
Placing Signatures and Avatars

Author: DemonSlay

Ok, it seems that alot of people are confused when it comes to finally inserting an images as thier signature or avatars on the forums after finally finding or creating the desired image(s).

Ok, first off, before reading this guide, if you are completely new to taking screenshots or hosting images, then I suggest you first read an excellent guide on just these things, made by The_Arrowz. This guide can be found HERE.

-=ADDING A SIGNATURE=-

Ok, after you have found your image you want to use, and have hosted it, we are ready to begin smile.gif.

1.) Take the image url that you wish to include in your signature. Now we will copy this code. Here is my example of what I would have copyed from an image hosted on Imageshack.
CODE
http://img372.imageshack.us/img372/3333/gokusig8hl.jpg

2.) On the forums, locate the link that will be labeled 'User Cp'. This is most commonly on the left side of the forum, or near the top just under the banner and any ads. The location of this link all depends on the forum. The link on RuneCrypt is on the left side of the screen, directly under your displayed Avatar and Navigation Bar.
NOTE: This option will possibly be labeled different. This all depends on the forum you are using. Some examples may be 'Personal CP', 'My Controls' or 'User Controls'.
EXAMPLE
EXAMPLE
3.) Goto 'Edit Signature'.
user posted image
4.) Click on the typing field that will now show on your screen. Paste your image url code here.
user posted image
5.) Click right in front of the image code. Now add the following code.
CODE
[img]

6.) Click right after the image's url code and add the following code.
CODE
[/img]

7.) Press 'Update my signature' at the bottom of the screen.
user posted image
Now you have your Signature! It will now be displayed at the top of the screen, where you can check it to make sure it will look correct.
FINAL SIGNATURE PREVIEW

-=ADDING AN AVATAR=-

-OPTION ONE-
Ok, after you have found your image you want to use, and have hosted it, we are ready to begin smile.gif.


1.) Take the image url that you wish to include in your avatar. Now we will copy this code. Here is my example of what I would have copyed from an image hosted on Imageshack.
CODE
http://img372.imageshack.us/img372/3329/splintercellvgcat27hk.gif

2.) On the forums, locate the link that will be labeled 'User Cp'. This is most commonly on the left side of the forum, or near the top just under the banner and any ads. The location of this link all depends on the forum. The link on RuneCrypt is on the left side of the screen, directly under your displayed Avatar and Navigation Bar.
NOTE: This option will possibly be labeled different. This all depends on the forum you are using. Some examples may be 'Personal CP', 'My Controls' or 'User Controls'.
EXAMPLE
EXAMPLE
3.) Goto 'Edit Avatar Settings'.
user posted image
4.) Now on your screen will be the following screen; you will want to click on the 'Enter a URL to an online avatar image' field.
user posted image
5.) Paste your code here and press 'Update Avatar'.
user posted image
Now you have your Avatar! It will now be displayed at the top of the screen, where you can check it to make sure it will look correct.
FINAL AVATAR PREVIEW

-OPTION TWO-
Also there is another way to add your avatar, but be warned this is not always an option for all forums. I believe RuneCrypt only just recently added this option to the site.

1.) On the forums, locate the link that will be labeled 'User Cp'. This is most commonly on the left side of the forum, or near the top just under the banner and any ads. The location of this link all depends on the forum. The link on RuneCrypt is on the left side of the screen, directly under your displayed Avatar and Navigation Bar.
NOTE: This option will possibly be labeled different. This all depends on the forum you are using. Some examples may be 'Personal CP', 'My Controls' or 'User Controls'.
EXAMPLE
EXAMPLE
2.) Goto 'Edit Avatar Settings'.
user posted image
3.) Now on your screen will be the following screen; you will want to click on the 'Browse' button by the field marked 'Upload a new image from your computer'.
user posted image
4.) Browse your computer for the image you want. Double click the image to select it. (Or single click and press 'Open' or press Enter on the keyboard.)
5.) Now press the 'Update Avatar' button.
user posted image
Now you have your Avatar! It will now be displayed at the top of the screen, where you can check it to make sure it will look correct.
FINAL AVATAR PREVIEW




I hope this guide helps everyone who is confused. If you have any questions about this guide, please Private Message me. smile.gif

It would be nice if this guide could either be pinned, or be added to the guide on screenshots and hosting by The_Arrowz as I believe this is very crucial information for all people new to forums. smile.gif
The Arrowz
By Flaming Trees (original post here)

OK here might be a little guide for taking Screenshots if you have a mac and so on...

1. Go to Utilities and open "Grab".

2. There are 4 things you can choose from on the screen if you click on "Capture" at the top.
-Selection
-Window
-Screen
-Timed Screen

Choose selection and draw a square box around the image you want to capture.
3. The object you captured will come up, and you save it onto your desktop, this will be a
tiff file.

4.Once you have done that, you can cut you image (this is only if you have photoshop, otherwise without PS, you will not be able to crop images around them, just in a square).

5.Then host it on Imageshack, you will choose "Choose File" and then select the folder you want (The Arrowz has more information on this). Then copy the the "Direct Link to IMage" and you can put it on Runecrypt!

Um..I just wanted to add on to The Arrowz's guide to taking screen shots.

Macs rule! laugh.gif smile.gif mellow.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.