Results 1 to 10 of 10

Thread: Guide: User Profile Customization

  1. #1
    Irish Legacy Moderator Guru's Avatar
    Join Date
    Mar 2010
    Location
    North Ireland - United States
    Posts
    7,523

    Guide: User Profile Customization

    User Profile Customization

    With the implementation of Customizable User Profiles, Users have been asking how it works. And while it can easily be learned by sitting down for hours and trying to figure it out till you get something you like, I'm going to go ahead and give you a 'cheat sheet' on how to customize your profile to your liking and what each option includes. For the Purpose of this Guide, the User Profile will be set at default values and changed as we move on to each part.

    Where do we Start?

    To start Customizing your User Profile, simply head to your Profile Page. This can be found at the top of the page by clicking on your Username, next to where it gives you an Option for Notifications, My Profile, Settings, and Logout. Once you have done so, you are at your Profile. Your profile , unless edited already, will look a simple gray layout much like the rest of the Forum. I will be using a red Pen to point out areas in images that correspond to what I am talking about.

    To Start, you will click on the ''Customize My Profile" button on the right side of the page, across from your Activity/VistorMessages/About Me/Friends.


    From here it will bring up your customization Options. It will look something similar to this:



    What do these options mean!?

    First we will start out with the 'General' Options.


    Font Family: This will customize the text used on your page. The first option there give you Font type options. The Second gives you size of text options. There are 10 options for Font types, including the Default Font. Size options include; Small, Medium, and Large. If you find your words harder to see after customization, it may be a good idea to increase the size of your text.

    Title Text Color: The change for this option is small, and might not be readily visible. This change happens on Text in some Tabs in your Profile including; Vistor Messages, and Friends. This is general text indication amount of friends, amount of Vistor messages, and the number of them being shown on the page. Example:


    Page Background: Pretty simple. It is the background of the entire Profile. (Marked in Red, Below.) Every Background Option offers you to use either 'Color', 'Image', or 'None'. For this example, I used simple Color. I'll explain further on these options later. For now, just getting the basics of what is what.


    Page Link Color: This feature is also not always one readily visible. This includes what color highlighted links turn to, but not all. This is only for those links listed below the 'Activity' portion of your page. This also changes the colors of the 'View your 'About Me' like everyone else sees' on the About Me section, and then the 'Edit your Friends' on your Friends section of your profile. Examples in Red:


    Next: We will go over the 'Modules' options.


    Module Text Color: This effects the color of the Module (Tab) that you are currently on.


    Module Link Color: Has no effect with Current setup.

    Module Background and Module Border: The Module Background, is the Background of the Currently active Module (Tab) while the border is the outline border of said Module. (Below: Background is in Red. Border is in Blue.)


    Next: Inactive Modules

    These are the same as the Module Options, except they effect the modules (tabs) appearances that ARE NOT open. Not only those, but the Profile Summary thing on the right side. See Below for example.




    Name Removed for Privacy.

    Next: Button Options


    Button options include customization to the 'Customize' button and the 'Post Message' and 'Go Advanced' buttons on the Vistor Messages. (Below: Button Text Color in White. Button Background in Blue. Button Border in Red.


    Next: Content Options


    The Content Options include a large portion of the Profile. These are areas in which things are boxed in. Visitor Messages, Freinds Listed, Profile Summaries, ect. See Below:

    (Below: Content Text Color is in Green. Content Link Color is in Blue. Content Background is in White. Content Border is in Red.)


    Next: Header Options

    Header options include Titles listen above certain areas of the Profile, including names and Dates area in VMs, Category sections in About Me, ect.


    Text: Black
    Border: Red
    Background: Blue


    Text: White
    Border:Black
    Link: Lime Green
    Background: Dark Green

    WAIT WAIT WAIT! That last image has some Custom Background in it! How do I do that!?

    Custom Images can go into Any 'Background' Option given in the Customization Editor. Every section in the Editor has a Background Editor, including the Buttons. To change the images in the Background, just click on any of the Background Options and Click 'Use Image' instead of Color.


    From there, it will bring up another Option Menu in which it will bring up a list of your Albums on Guild. You will choose these Images from your Albums, so the Images will NEED to be uploaded on the Site. It is reccomended that you upload .JPG/.JPEG images cause it will allow larger images compared to .PNG or others. Those will need to be uploaded in your albums BEFORE you go into the Customization Editor.

    Or you can use the Box there to insert a URL in order to get an image used somewhere else, like you would do when you insert an image into a post, just without the [IMG] tags.


    Once you select the image you want, click 'Save' in that window, then you will want to go back to the previous window in which you will Decide if you want to repeat the image on your profile (Profiles may be too large for the image, so only part of your profile will have a background image unless you select to repeat it.) The Repeat options gives options for Repeat going down, going across, or both. Choose and Submit!

    In some cases, you might not want a Background at all! Then you would just click 'None' in the 'Select Color Information' Window.

    With that said, That should be EVERYTHING you need to know about Customizing your Profile!!! ENJOY!


    (And try not to make our Eyes hurt too much. XD)
    Last edited by Guru; 02-26-2013 at 03:06 PM.
    "I shut my eyes in order to see. We work in the dark, we give what we have.
    Our doubt is our passion, and our passion is our task.
    The rest is the madness of art."
    __________________________
    |RP Guide|Ask a Comrade|RPG Contests|

    >Guru's Wonderful Guide to Profile Customization<

    >Private Message<



  2. #2
    Irish Legacy Moderator Guru's Avatar
    Join Date
    Mar 2010
    Location
    North Ireland - United States
    Posts
    7,523
    And... That should be it.


    Took me long enough though. XD All those dang Screenshots. >.<
    "I shut my eyes in order to see. We work in the dark, we give what we have.
    Our doubt is our passion, and our passion is our task.
    The rest is the madness of art."
    __________________________
    |RP Guide|Ask a Comrade|RPG Contests|

    >Guru's Wonderful Guide to Profile Customization<

    >Private Message<



  3. #3
    Female Geek Kagamine's Avatar
    Join Date
    Dec 2010
    Location
    Somewhere with wi-fi.
    Posts
    31,494
    You will choose these Images from your Albums, so the Images will NEED to be uploaded on the Site.
    Actually, that's not true. You can copy/paste an image URL from anywhere into the space where it says "enter background image URL" and use it. That's what I did and I'm sure I'm not the only one.

    Just pointing that out.


    WOTM #25 Voting Threads are up! Come vote for your favorites in the Casual and Advanced Voting Threads!!

  4. #4
    Irish Legacy Moderator Guru's Avatar
    Join Date
    Mar 2010
    Location
    North Ireland - United States
    Posts
    7,523
    Quote Originally Posted by Kagamine View Post
    Actually, that's not true. You can copy/paste an image URL from anywhere into the space where it says "enter background image URL" and use it. That's what I did and I'm sure I'm not the only one.

    Just pointing that out.

    Oh! Good catch! Changing it..
    "I shut my eyes in order to see. We work in the dark, we give what we have.
    Our doubt is our passion, and our passion is our task.
    The rest is the madness of art."
    __________________________
    |RP Guide|Ask a Comrade|RPG Contests|

    >Guru's Wonderful Guide to Profile Customization<

    >Private Message<



  5. #5
    Per Astra ad Aspera SebasChan's Avatar
    Join Date
    May 2012
    Location
    The Cosmos
    Posts
    2,406
    You can also have transparent backgrounds. ^^




  6. #6
    I went for darker colors, partly for the health of the eyes seeing it.



  7. #7
    Temptress of the dark Vampire Chick 2's Avatar
    Join Date
    Aug 2012
    Location
    In the darkness that haunts your mind.
    Posts
    2,907
    How can you get a picture that will cover the entire background of the page? when i try that it only goes to the top left corner

    True love will always find a way.
    Thank you mechanical for resizing my pic for me
    (\__/)
    (='.'=) This is Bunny. Copy and paste Bunny into your
    (")_(") signature to help her gain world domination.

  8. #8
    Irish Legacy Moderator Guru's Avatar
    Join Date
    Mar 2010
    Location
    North Ireland - United States
    Posts
    7,523
    Quote Originally Posted by Vampire Chick 2 View Post
    How can you get a picture that will cover the entire background of the page? when i try that it only goes to the top left corner
    Quote Originally Posted by Guru View Post

    Once you select the image you want, click 'Save' in that window, then you will want to go back to the previous window in which you will Decide if you want to repeat the image on your profile (Profiles may be too large for the image, so only part of your profile will have a background image unless you select to repeat it.) The Repeat options gives options for Repeat going down, going across, or both.
    ^
    "I shut my eyes in order to see. We work in the dark, we give what we have.
    Our doubt is our passion, and our passion is our task.
    The rest is the madness of art."
    __________________________
    |RP Guide|Ask a Comrade|RPG Contests|

    >Guru's Wonderful Guide to Profile Customization<

    >Private Message<



  9. #9
    Temptress of the dark Vampire Chick 2's Avatar
    Join Date
    Aug 2012
    Location
    In the darkness that haunts your mind.
    Posts
    2,907
    thx

    True love will always find a way.
    Thank you mechanical for resizing my pic for me
    (\__/)
    (='.'=) This is Bunny. Copy and paste Bunny into your
    (")_(") signature to help her gain world domination.

  10. #10
    Master Lurker Supreme Phaelin's Avatar
    Join Date
    Oct 2011
    Location
    High Above Monsteropolis
    Posts
    104
    Check out my profile for a good example of a repeating background. The image is small so it loads easy, and it flows well as there are no noticeable breaks in the image. Personally, I think transparent content boxes are nice, but it really depends on the background you go with. I tried a few others but the text would be hard to read in places since the colors vary so wildly.

    Also of note: Refresh the page after you make a few changes. Some browsers do not display your changes properly until you refresh.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •