Avatar and Signature Tutorial

Discussion in 'General Tutorials' started by The Teej, Jun 2, 2008.

Jun 2, 2008

Avatar and Signature Tutorial by The Teej at 11:13 PM (15,781 Views / 4 Likes) 68 replies

  1. The Teej
    OP

    Former Staff The Teej Also known as The Tjalian

    Joined:
    Jun 27, 2004
    Messages:
    4,210
    Location:
    England
    Country:
    United Kingdom
    As this is my 3000th post, and as the newest mod I want to be as helpful as possible, I decided to make an Avatar and Signature tutorial. I know some of us are used to other forums or just have a general gift of figuring things out straight away, but some people don't, and while some people can rely on "Go here here and here, done!", some people prefer more of a visual style of teaching, and so I've tried my best to use this style by including screenshots, and I'm going to go through this tutorial in a step by step program. In four easy steps you will have your avatar and signature up and running in NO time, just like the rest of us [​IMG]

    Anyway, on with the tutorial, eh?

    Pre-Tutorial Note: While it is not needed, it is very helpful to have your signature, and the link to your avatar of choice before you read this, however, it is up to you [​IMG] If you have any troubles on how to actually make an image or a link or anything like that, there will be some help on that during and after this tutorial. Also, I will be using the default skin for this tutorial. Oh, and read the rules on Signature/Avatar limits before going through this, please!

    Anyway....

    Step 1 – Legendary Quest! Here, take this!
    Go to your controls!
    Helpful Screenshot

    On the front page of the GBAtemp forums (using the default/V3 skin) go up to the top right. As you may of noticed, there are multiple links all in a line. These buttons are (in left to right order): My Controls, View New Posts, My Assistant, My Friends, 0 New Messages. This is if you’re logged in, of course. We need to click on My Controls to get to the next step, so let’s do this.

    If you cannot see where this link is, please click on the Helpful Screenshot link, it shows you where the My Controls link is. It is circled in red.

    Step 2 – Your first enemy appears! Press A to attack!
    Go to your profile settings!
    Helpful Screenshot

    Now to the left, you will see a menu with a section called Personal Profile. Under there, you will see a link titled “Edit Signature”. Click on this and go to the next step. There is a helpful screenshot if you do not know where to go, the link you need to click is circled in red.

    Step 3 – Blazing glory, powerful warrior! Strike with all your might!

    Adding your signature!

    Helpful Screenshot

    Now you will see a new page with a big text box, and buttons. The big text box is where you put your signature in. If you want to add in an image, click on the [​IMG] button and insert the link to your image. If you want bold text, click on the [​IMG] button and insert your text within the tags. For other stuff like this, go to the end of the tutorial.

    If you are not sure what the text box is or where it is, click on helpful screen shot and see the big red circle with a 1 next to it – that is the text box. Once you’re done, click on the submit button to confirm your signature (this button is circled with a 2 next to it). Now you have a signature! You can see what it looks like above the text box. If you don’t like it, you can change your signature and click the submit button again.

    Step 4 – Final battle! Glorious victory! Choosing your path…

    Adding an avatar!
    Helpful Screenshot

    Now then, the last bit. On the menu to the left, you’ll see a link called “Edit Avatar Settings”. If you’re not sure where it is, click on the helpful screenshot in step 1, where it is circled in red.

    Now that we’re there, we just have to add our avatar and it’s all over and done with! Click on the browse button (in the helpful screenshot, it’s circled in red, with a 2 next to it) and go to where the avatar is on your computer and select it. Once it has been selected, all you have to do is click submit (in the helpful screenshot, it’s circled in red with a 3 next to it) and there we are! You’re done! Go check out your new avatar and signature!

    BB Code Help

    Note: If you have a problem with seeing the text in the code boxes, If you're on Firefox, go to View -> Text Size, and click on increase. If you're on IE6 or below, go to View -> Text Size and click Largest. If you're on IE7/8, click on Page -> Text Size and click Largest. If you're on Opera, go to View -> Zoom and then click on 120% or 150%. If you're on Safari, go to View > and click "Make Text Bigger". If you're on Chrome, click on the Page Icon ([​IMG]) -> Text zoom and click on Larger.

    To put an image in:

    Insert this code right here:

    Code:
    [img]**this is where the link to your pic goes**[/img]
    To put a Link in:

    Insert this code right here:

    Code:
    [url=**this is where the link to the site goes**]**this is where your text goes**[/url]
    Wanna be a saucy beast and make an Image link to something?

    Use this code! It combines both [​IMG]

    Code:
    [url=**this is where the link to the site goes**][img]**this is where the link to your pic goes**[/img][/url]
    How to make bold, underlined, stroke-through and italic text

    Code:
    To make text bold, use the [b] tag, like this:
    
    [b]OMG! My text is in bold![/b]
    
    ---------------------
    
    To make text strikethrough, use the [s] tag, like this:
    
    [s]OMG! My text is strikedthrough![/s]
    
    ----------------------
    
    
    To make text underlined, use the [u] tag, like this:
    
    [u]OMG! My text is underlined![/u]
    
    ----------------------
    
    To make text italic, use the [i] tag, like this:
    
    [i]OMG! My text is italic![/i]
    ---------------------

    Want your colours to have a different colour?

    Use this code here:

    Code:
    [color=**insert colour here**]**insert text here**[/color]
    There's a list that says Change colour in the message box area(above the box), that'll show you what colours are available.

    ---------------------------

    Want your text bigger?

    Use this:

    Code:
    [size=3]My text is now bigger than usual!![/size]
    The system works similar to the header tags in HTML (i.e. size=3 bb code is the same size as tags in HTML.

    ---------------------------

    And there you have it!! I really hope this tutorial has helped you and if you need ANY help with the things discussed, please feel free to PM me at any time and I’ll try to sort you out! I’ll be actively checking out this forum, so expect a reply soon.

    - The Teej
     


  2. Awdofgum

    Member Awdofgum Wadofgum

    Joined:
    Mar 17, 2007
    Messages:
    1,884
    Country:
    United States
    This is a nice detailed tutorial. Great job. [​IMG]
     
  3. distorted.freque

    Member distorted.freque I'm getting mixed signals here!

    Joined:
    Jan 31, 2008
    Messages:
    776
    Location:
    Right about...here.
    Country:
    Canada
    Very nice tutorial for newbies, Teej! Quite funny and interesting too. [​IMG] It's really helpful for those who don't usually like to experiment on the settings. Plus, there's even screenshots. Good job.
     
  4. Minox

    Supervisor Minox Spytech Employee

    Joined:
    Aug 27, 2007
    Messages:
    5,615
    Country:
    Sweden
    This tutorial= [​IMG]
     
  5. The Teej
    OP

    Former Staff The Teej Also known as The Tjalian

    Joined:
    Jun 27, 2004
    Messages:
    4,210
    Location:
    England
    Country:
    United Kingdom
    Thank you for the kind words, all! [​IMG]
     
  6. Upperleft

    Member Upperleft Namcoholic

    Joined:
    Aug 15, 2007
    Messages:
    1,049
    Country:
    United Arab Emirates
    I like your way of describing things xD
     
  7. The Teej
    OP

    Former Staff The Teej Also known as The Tjalian

    Joined:
    Jun 27, 2004
    Messages:
    4,210
    Location:
    England
    Country:
    United Kingdom
    Well I try to go for originality and effectiveness, I think I've done that! [​IMG]
     
  8. Ice Cold

    Member Ice Cold GBAtemp Regular

    Joined:
    Jan 29, 2008
    Messages:
    114
    Country:
    Canada
    Good for the n00bs who are new to the forums.
     
  9. Berthenk

    Member Berthenk Epitome of Awesomeness

    Joined:
    May 16, 2008
    Messages:
    1,314
    Country:
    Netherlands
    Thanks for this tutorial!
     
  10. The Teej
    OP

    Former Staff The Teej Also known as The Tjalian

    Joined:
    Jun 27, 2004
    Messages:
    4,210
    Location:
    England
    Country:
    United Kingdom
    You're welcome [​IMG]
     
  11. lstobias

    Newcomer lstobias Member

    Joined:
    May 6, 2008
    Messages:
    26
    Location:
    noord-brabant
    Country:
    Netherlands
    huh... i cant browse my files:S i can only do url files
     
  12. Sephi

    Member Sephi fool

    Joined:
    Jan 21, 2008
    Messages:
    1,850
    Location:
    Rhode Island
    Country:
    United States
    lol, I thought this was a tutorial for making avatars or signatures

    good tutorial though
     
  13. Orc

    Member Orc ‎(ღ˘⌣˘ღ)

    Joined:
    Feb 10, 2006
    Messages:
    1,963
    Country:
    Hong Kong
    ORC's AVATAR TUTORIAL[*]GET IMAGE[*][​IMG][*][​IMG]
    ORC's SIGNATURE TUTORIAL[*]GET IMAGE[*][​IMG][*][​IMG]
     
  14. Sephi

    Member Sephi fool

    Joined:
    Jan 21, 2008
    Messages:
    1,850
    Location:
    Rhode Island
    Country:
    United States
    Excellent.
     
  15. juggernaut911

    Member juggernaut911 GBAtemp Slut!

    Joined:
    Jul 13, 2006
    Messages:
    4,153
    Country:
    United States
    duz orc haz vista?


    also, check the file size befoer you upload. jpeg has good compression
     
  16. The Teej
    OP

    Former Staff The Teej Also known as The Tjalian

    Joined:
    Jun 27, 2004
    Messages:
    4,210
    Location:
    England
    Country:
    United Kingdom
    Way to totally out-do me, Orc [​IMG]
     
  17. pieman202

    Member pieman202 GBAtemp Regular

    Joined:
    Mar 10, 2008
    Messages:
    288
    Location:
    Home
    Country:
    Australia
    i can't browse my files :S and it won't let me get a pic of photobucket either xD
     
  18. The Teej
    OP

    Former Staff The Teej Also known as The Tjalian

    Joined:
    Jun 27, 2004
    Messages:
    4,210
    Location:
    England
    Country:
    United Kingdom
    What do you mean you can't browse your files? Also, do you mean you can't view my files on photobucket, or you can't get your pictures on photobucket?
     
  19. Twiggy12

    Member Twiggy12 GBAtemp Fan

    Joined:
    Sep 23, 2008
    Messages:
    365
    Location:
    Aussie land (Australia)
    Country:
    Australia
    im a real noob at this but how do i get url for the picture? isnt url for internet site? i saved a pic for my avatar but i dont know how to get url [​IMG]
     
  20. pieman202

    Member pieman202 GBAtemp Regular

    Joined:
    Mar 10, 2008
    Messages:
    288
    Location:
    Home
    Country:
    Australia
    hmm i'll post a screenshot of what my screen looks like at the avatar selection
    [​IMG] thats what it looks like
     

Share This Page