Page 1 of 2 12 Last»
Results 1 to 25 of 28
  1. #1
    W Ø Я S T B Ξ H Δ V I O R Drizzy's Avatar
    Status
    Drizzy is offline
    Gender
    Join Date
    Apr 2011
    Location
    Dressrosa
    Posts
    13,462
    Post Thanks / Like
    design ● creativity ● art
     



    [Updated] Profile Designing Guide




    INTRODUCTION
    This tutorial is an attempt to guide members on how to successfully customize their profile. Included are pictures/screenshots, notes, and a few tips you might need. Each picture will be in a spoiler/link to prevent the thread from "stretching". This thread is an updated and improved version of the previous tutorial, this applies to vbulletin 4.x.x.


    VB.4.2 PROFILE SET UP
    Vbulletin 4 has a completely different set up and appearance than the one on vbulletin 3. Messages are displayed to the right, while information on the member, groups [Image], recent visitors [Image], friends [image] etc. are displayed to the left. The Profile has six main sections, General, Modules, Inactive Modules, Buttons, Content and Headers. The Profile Message can also be considered a section, but customization for that area is done in the UserCP. At the moment, NB profiles do not support Mixpod playlists, for Youtube videos to be included, it has to be done in the Profile Message Area.

    General: This is where you choose the main background, you can also choose the page link colour and title text colour here (the thing that says how much visitor messages you have). The given dimensions -> 1003 (w) x 2000 (h)

    Modules: These are the small boxes showing the visitor message pages. The given dimensions -> 703 (w) x 265 (h), however, the height may be increased if one's message-making box is stretched.

    Inactive Modules: It's majority of the area to the left of the profile, it also borders the message box. It's also the fill for visitor message pages. The given dimensions -> 800 (w) x 2000 (h), however, please keep in mind that one's number of groups may greatly increase the required height for the Inactive Module.

    Buttons: The boxes/buttons for "Post" and "Go Advanced" as well as "Customize Profile". All located to the right-most side of the message box.

    Content: As the name suggests, this is where the main content is kept. The actual message in a vm is part of the content, as well as a few areas over the inactive module. The given dimensions -> 625 (w) x 500 (h)

    Headers: The area which displays the name of the member, date of his/her message as well as the "View Conversation" and "Report" links. The given dimensions -> 625 (w) x 28 (h)



    UPLOADING PICTURES
    Before actually customizing your Profile, the first thing to do is to source and upload the images. Be sure that the images are of good quality. Such images can be found on deviantART or some other websites with HQ pictures (google them). When you have located your images and downloaded them, visit your profile and look to the left, scroll downwards until you see "Albums" [Image]. If you already know how to upload images to an album, skip this area. In that same area, beside the word album, is a link that says "More", by clicking that, you'll be taken to your album management page. By clicking the button located at the top right, youyou're taken to a page where you fill out a few areas, be sure to set the album type to profile then select "Save Changes". By selecting the profile album type, you can customize your profile, but that album isn't shown to anyone else, protecting your pictures from theft. Once the album is created, a page should appear, click the "Upload Pictures" link to the top right [Image]. A new window will open, select "Add Files" which will open another window from which you will click "Select Files.

    From there, select the files located on your PC, click "Upload Files" [Image]. The last thing to do, is to edit the name of the image (if you want), if not, click "Save Changes". There, you now have your album and pictures! Do you need to make any other edits, delete or move pictures, it can all be done right there by selecting "Edit Album" located at the top right. Moving on to the actual customizing now.


    CUSTOMIZATION
    Click the Customize button located on your profile, right above your insert message box. [Image]
    The customization area will come up, the six profile sections mentioned earlier will be shown (General, Modules, Inactive Modules, Buttons, Content and Headers). [Image]
    There are several boxes, most with colours in them. By clicking a box, you can make a selection. Some sections allow you to choose either a colour, gradient, or image from your album. [Image]
    If the image is too small, feel free to use the repeat option. It multiples the image so it spreads over the area.
    For each change you make, a preview will be automatically displayed, use this to make any adjustments necessary.
    Save changes when done, be sure to ask around to see what others think. Experiment around until you arrive at a final result you're satisfied with.

    CUSTOMIZING TIPS

    Use only high quality images.
    Be sure that all text is visible.
    Do not make the profile too flashy, this isn't very pleasing to the eye.
    If you've added a Youtube Video, do not set it to autoplay.
    Choose a colour scheme before you start customizing. There are colours that go very well with each other, eg. Red, black, white.
    Use textures in some areas, such as the content area (so that text is visible) and module area(s).
    Use colors that compliment each other.
    Don't use small pictures in large background areas, unless it looks normal if repeated.
    Try to work around a specific theme.
    Do not use distracting animated images.
    Fill all areas for the Profile Sections.
    Use smooth textures or abstracts for the Main Background.


    PROFILE MESSAGE AREA/INTRO
    This is the part of your profile where you can be extremely creative with BBcode markup. To edit the Profile message, you must go to your UserCP then Edit Profile section. Scroll to the bottom where it says "Profile Intro Text", insert whatever you wish there to add the final touch to your profile. You can add images by using the [IMGPROF]Image link here[/IMGPROF] tags. For BBcode to successfully work here, you must remove all quotation marks in the tags, eg. in [Size="5"] [/Size], for that to actually work, the quotation marks around 5 must be deleted. Youtube videos can also be added here, just let your creativity flow. Good Luck!


    Banner and Tutorial by Drizzeh
    Cheers Rei, you did an awesome job with the previous tutorial.
     
         
    Last edited by Drizzy; 02-06-2014 at 09:38 PM.

  2. #2
    Délta's Avatar
    Status
    Délta is offline
    Gender
    Join Date
    Jul 2012
    Location
    Australia
    Posts
    10,247
    Post Thanks / Like
    Hiding in the Mist
     

    Re: [Updated] Profile Design Guide

    Epic a guide I'm posting so I can find it easily later on
     
         

  3. #3
    Otogakure Nathan.'s Avatar
    Status
    Nathan. is offline
    Gender
    Join Date
    Mar 2011
    Location
    Australia
    Posts
    45,730
    Post Thanks / Like
    Don’t trust people that
    don’t like Rock Lee
     



    Re: [Updated] Profile Design Guide

    Thanks, Drey.
     
         

  4. #4
    YES! YES! YES! King Of Sharingan's Avatar
    Status
    King Of Sharingan is offline
    Gender
    Join Date
    Apr 2012
    Location
    I'm Somewhere Where Rain Lasts Forever!!!!!!
    Posts
    9,753
    Post Thanks / Like
    Feeling Some Serious Suckual
    Overtones Right About Now!!
     

    Re: [Updated] Profile Design Guide

    Thanx
     
         

  5. #5
    Mudo's Avatar
    Status
    Mudo is offline
    Gender
    Join Date
    Jan 2012
    Location
    USA
    Posts
    44,117
    Post Thanks / Like
    This user has no status.
     



    Re: [Updated] Profile Design Guide

    Awesome guide, many thanks!
     
         

  6. #6
    Senior Member SoulKiller's Avatar
    Status
    SoulKiller is offline
    Gender
    Join Date
    Dec 2012
    Location
    Depth of Hell...
    Posts
    8,598
    Post Thanks / Like
    I Never lose.....
     

    Re: [Updated] Profile Design Guide

    Cool guide
     
         

  7. #7
    Nocturne's Avatar
    Status
    Nocturne is offline
    Gender
    Join Date
    Oct 2011
    Location
    House Targaryen!
    Posts
    3,961
    Post Thanks / Like
    I Will take what is mine with
    fire and blood - Khaleesi!
     



    Re: [Updated] Profile Design Guide

    Good Job, Drizzeh!

    One qs. Drizzeh!
    Is it a dis-advantage to have some areas into transparent?. According to the contest.
     
         
    Last edited by Nocturne; 12-30-2012 at 07:16 AM.

  8. #8
    Banned
    Status
    Salad is offline
    Join Date
    Dec 2012
    Posts
    6,849
    Post Thanks / Like
    You are my Senpai. I am your
    Kouhai.
     



    Re: [Updated] Profile Design Guide

    Cheers Drizzeh :D
     
         

  9. #9
    Senior Member yahiko24's Avatar
    Status
    yahiko24 is online now
    Gender
    Join Date
    Jun 2011
    Location
    united kingdom->england
    Posts
    4,723
    Post Thanks / Like
    this statement is false
     

    Re: [Updated] Profile Design Guide

    thank you
     
         

  10. #10
    Myobokuzan Sanzen's Avatar
    Status
    Sanzen is offline
    Join Date
    Aug 2011
    Posts
    2,752
    Post Thanks / Like
    Trust | Respect | Integrity
     

    Re: [Updated] Profile Design Guide

    I see mine wasn't good enough.
    I sent my guide into the staff awhile back. Some time in 2012.
    I spent a lot of time on mine and they couldn't even send me vm notifying me that mine wasn't going to be used.
    Link to mine here, http://www.narutobase.net/forums/sho...d.php?t=243217
    Although it isn't the prettiest thing, it gets the point across and I spent a lot of time on it.

    Mine was quite a bit easier to understand and a lot less to read.
     
         
    Last edited by Sanzen; 01-16-2013 at 12:23 AM.

  11. #11
    Premium User ~AJ~'s Avatar
    Status
    ~AJ~ is offline
    Gender
    Join Date
    Feb 2009
    Location
    Infesting Kumo with Rats
    Posts
    9,225
    Post Thanks / Like
    The force shall set me free
     

    Re: [Updated] Profile Design Guide

    finally found it
     
         

  12. #12
    Blazing Will! CrimsonFire's Avatar
    Status
    CrimsonFire is offline
    Gender
    Join Date
    Jan 2013
    Location
    Ask the wind
    Posts
    4,514
    Post Thanks / Like
    Hmph....
     

    Re: [Updated] Profile Design Guide

    Thank You! Excellent guide
     
         

  13. #13
    Nocturne's Avatar
    Status
    Nocturne is offline
    Gender
    Join Date
    Oct 2011
    Location
    House Targaryen!
    Posts
    3,961
    Post Thanks / Like
    I Will take what is mine with
    fire and blood - Khaleesi!
     



    Re: [Updated] Profile Designing Guide

    Is it possible for you guys to tell the size of all the areas?
     
         

  14. #14
    Skorm's Avatar
    Status
    Skorm is offline
    Join Date
    May 2012
    Location
    Stockholm
    Posts
    7,533
    Post Thanks / Like
    Livin' On The Edge With Azu
    <3
     



    Re: [Updated] Profile Designing Guide

    Quote Originally Posted by Nocturne View Post
    Is it possible for you guys to tell the size of all the areas?
    Sure.

    Main Bg; 1003*2000(+). Kinda depends how long your profile is vertically, but 2000 should be enough..
    Headers; 625*28(It is wider only on the "about me" & "Awards" section(s).) So then it should be something like 660 instead.
    Content; 703*481
    Inactive Modules; 800*2000(Could be smaller vertically, don't know. Didn't want to chance and find out it was to small..)

    Buttons and Content are unknown to me, but i say they don't need customization and leave them as they are.
     
         
    Last edited by Skorm; 02-23-2013 at 12:36 PM.

  15. #15
    Nocturne's Avatar
    Status
    Nocturne is offline
    Gender
    Join Date
    Oct 2011
    Location
    House Targaryen!
    Posts
    3,961
    Post Thanks / Like
    I Will take what is mine with
    fire and blood - Khaleesi!
     



    Re: [Updated] Profile Designing Guide

    Quote Originally Posted by Skorm View Post
    Sure.

    Main Bg; 1003*2000(+). Kinda depends how long your profile is vertically, but 2000 should be enough..
    Headers; 625*28(It is wider only on the "about me" section".) So then it should be something like 660 instead.
    Content; 703*481
    Inactive Modules; 800*2000(Could be smaller vertically, don't know. Didn't want to chance and find out it was to small..)

    Buttons and Content are unknown to me, but i say they don't need customization and leave them as they are.
    Thanks Alot mate...^^
     
         

  16. #16
    Senior Member
    Status
    Kages is offline
    Gender
    Join Date
    Nov 2012
    Posts
    16,510
    Post Thanks / Like
    This user has no status.
     

    Re: [Updated] Profile Designing Guide

    Mmmkay thanks
     
         

  17. #17
    99 is NOT my birth year Aki Kimura99's Avatar
    Status
    Aki Kimura99 is offline
    Gender
    Join Date
    Apr 2013
    Location
    Somewhere where no one can find me
    Posts
    338
    Post Thanks / Like
    left long time ago..
     

    Re: [Updated] Profile Designing Guide

    Epic! Thanks for the guide :D
     
         

  18. #18
    >.> meh. This name sucks.. Voltron's Avatar
    Status
    Voltron is offline
    Gender
    Join Date
    Oct 2012
    Posts
    5,824
    Post Thanks / Like
    on my way to 6k
     

    Re: [Updated] Profile Designing Guide

    Very nice Drizzy^^ Thanks
     
         

  19. #19
    Excālibur's Avatar
    Status
    Excālibur is offline
    Gender
    Join Date
    Feb 2013
    Location
    Universe
    Posts
    10,028
    Post Thanks / Like
    Bored as always..
     

    Re: [Updated] Profile Designing Guide

    Thanks Drizzy
     
         

  20. #20
    Penguin.'s Avatar
    Status
    Penguin. is online now
    Gender
    Join Date
    Feb 2013
    Location
    Tobirama's God-like hair.
    Posts
    22,757
    Post Thanks / Like
    Best of the 2013 generation.
     

    Re: [Updated] Profile Designing Guide

    Nice guide!
     
         

  21. #21
    Yellow flash rakitha's Avatar
    Status
    rakitha is offline
    Gender
    Join Date
    Jun 2013
    Location
    New York
    Posts
    769
    Post Thanks / Like
    I will never fail
     

    Re: [Updated] Profile Designing Guide

    got it <<<<<<<<<<<<<<<<<<<<
     
         

  22. #22
    Member Dah's Avatar
    Status
    Dah is offline
    Gender
    Join Date
    Feb 2010
    Posts
    91
    Post Thanks / Like
    This user has no status.
     



    Re: [Updated] Profile Designing Guide

    HUM why did they change the set up now there a awful white border that we can't change it suk
     
         

  23. #23
    Nagatō's Avatar
    Status
    Nagatō is offline
    Gender
    Join Date
    Apr 2011
    Location
    雨隠れの里
    Posts
    15,048
    Post Thanks / Like
    性交
     



    Re: [Updated] Profile Designing Guide

    I wish to take part
     
         

  24. #24
    Banned
    Status
    fayeon is offline
    Join Date
    Dec 2012
    Posts
    3,940
    Post Thanks / Like
    Not studying i am free
     

    Re: [Updated] Profile Designing Guide

    Really nice explanation

    I am going to edit my profile now

    Quote Originally Posted by Dah View Post
    HUM why did they change the set up now there a awful white border that we can't change it suk
    Yes is there any way to change that white border ?
     
         

  25. #25
    Let It Fall Cascade's Avatar
    Status
    Cascade is offline
    Gender
    Join Date
    May 2012
    Location
    Nawww
    Posts
    1,469
    Post Thanks / Like
    Oh Hey Der...<3
     

    Re: [Updated] Profile Designing Guide

    How can i set a background for the proflile intro section?
    For example 'Horus' has a transparent black background behind his text...i want something similar...Thanks!
     
         

Page 1 of 2 12 Last»

Posting Permissions

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