2017 Mar 28, 23:25:34


Author Topic: [How-To]Profile Picture and Signature Picture  (Read 1353 times)

Offline Princess Darcy

  • Moderator
  • *
  • Avatar by Caspur. SO CUTE!
    • View Profile
[How-To]Profile Picture and Signature Picture
« on: 2016 Jun 11, 14:21:52 »
I have no idea what board to put this under, so it'll stay here until I get an answer from the team.

I've seen a lot of people asking how to add images as profile pictures and signatures.  Understanding how BBCode on this forum works would help you, especially for signatures if you want to make a more complex one, with an image and text.  You can play around with the BBCode and see what it does with the buttons above your text box when you make a forum post, reply, or Private Message and hitting the "preview" button below.

For adding images to your profile and signature:

First thing you gotta do is find the picture(s) you want to use for your avatar or signature.  If they are not hosted on the internet you need to upload them somewhere(I use www.imgur.com).  You need the link to the picture itself(Usually by right clicking a picture and clicking "View Image" and copying the address in your address bar, or "Copy Image Location".  With my avatar as an example that would get you a link similar to http://i.imgur.com/ftlg27V.png.  Note, it needs to have an extension at the end, like this one has .png.  Extensions like .jpg,.gif and .bmp work as well, but .png tends to be better quality.  If the image does not have an extension in the address bar, right click the picture and select either "view image" or "open image in new tab" or "copy image location/address".

Once you have the pictures, go to your profile ->forum profile at the top of the screen. -PICTURED, CLICK HERE-

For your avatar, select "Specify avatar from Url" and paste the link to your picture there.-PICTURED, CLICK HERE-

For signatures, you use BBCode.  All you'd need to use for a picture is "img" tags.  You use them around your image link, like I did in this picture.  To center it like mine, use
Code: [Select]
[center] and [/center] at the start and end of your signature message.
eg.
Code: [Select]
[center][img]Image URL Goes Here.png[/img][/center]
Let me know if you have any questions, or something should be updated or better worded :).  Also, if you feel something should be added to this post also let me know here and I may add it. 

Re: [How-To]Profile Picture and Signature Picture
« Reply #1 on: 2016 Jun 14, 06:22:44 »
Is there a BBC code thread or is this being used for it?

Code: [Select]
[color=#FF0000]text[/color]makes: text
(the #numbers are called Hex codes)

Code: [Select]
[b]text[/b]
Code: [Select]
[i]text[/i]
Code: [Select]
[u]text[/u]

Feel free to drag this over someone's avatar for brief entertainment.

Re: [How-To]Profile Picture and Signature Picture
« Reply #2 on: 2016 Nov 07, 23:01:15 »
seeing if my picture is there :3

Edit - Yay i did it right xD

Offline Asriel

  • (Aurora)
    • View Profile
Re: [How-To]Profile Picture and Signature Picture
« Reply #3 on: 2016 Dec 10, 15:47:05 »
I tend to use weebly (a website creator) to upload my pictures. That makes sure that the pictures load fast, since the site has no traffic, and it makes sure the link always works. (I have seen far too many examples of pictures failing to load.)
“Henceforth,” Ditzy continued, “you shall observe Muffin Monday on the first Thursday of every August! You shall commemorate it… with a minute of solemn silence for reflection on the fragility of life. And then, muffins!”

Offline Thundergirl

  • Have fun while dancing in the rain!
    • View Profile
Re: [How-To]Profile Picture and Signature Picture
« Reply #4 on: 2016 Dec 17, 02:43:25 »
Hah! I remember when I asked about this :3 . I made it another way, somehow easier, I think that was okay, because those days I am into the forum using signature and profile picture always the same way, it works.


I just found/drew the pic, uploaded it on imgur, copied the direct link pasted in forum profile avatar picture. I did the same with the signature pic, just added img tags (  ) as , @Princess Darcy ,our mod, said.

I did not write this to show people how to do it. I have just written it to show another way, you don't have to follow it.
« Last Edit: 2016 Dec 17, 02:51:23 by Thundergirl »