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 online now
    Gender
    Join Date
    Apr 2011
    Posts
    13,757
    Location
    Dressrosa
    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 10:38 PM.

  2. #2
    Nathan.'s Avatar
    Status
    Nathan. is offline
    Gender
    Join Date
    Mar 2011
    Posts
    47,347
    Location
    Australia
    Something.
     



    Re: [Updated] Profile Design Guide

    Thanks, Drey.
     
         

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

    Re: [Updated] Profile Design Guide

    Thanx
     
         

  4. #4
    Mudo's Avatar
    Status
    Mudo is offline
    Gender
    Join Date
    Jan 2012
    Posts
    44,125
    Location
    USA
    Feeling nostalgic.
     



    Re: [Updated] Profile Design Guide

    Awesome guide, many thanks!
     
         

  5. #5
    DaNGeR SoulKiller's Avatar
    Status
    SoulKiller is offline
    Gender
    Join Date
    Dec 2012
    Posts
    8,886
    Location
    Depth of Hell...
    I Never lose.....
     

    Re: [Updated] Profile Design Guide

    Cool guide
     
         

  6. #6
    Nocturne's Avatar
    Status
    Nocturne is offline
    Gender
    Join Date
    Oct 2011
    Posts
    3,969
    Location
    House Targaryen!
    Purge with Silver!
     



    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 08:16 AM.

  7. #7
    Banned
    Status
    Salad is offline
    Join Date
    Dec 2012
    Posts
    5,771
    You are my Senpai. I am your
    Kouhai.
     



    Re: [Updated] Profile Design Guide

    Cheers Drizzeh :D
     
         

  8. #8
    kiss shot acerola orion yahiko24's Avatar
    Status
    yahiko24 is online now
    Gender
    Join Date
    Jun 2011
    Posts
    4,986
    Location
    your mom's basement
    this statement is false
     



    Re: [Updated] Profile Design Guide

    thank you
     
         

  9. #9
    Myobokuzan Sanzen's Avatar
    Status
    Sanzen is offline
    Join Date
    Aug 2011
    Posts
    2,772
    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 01:23 AM.

  10. #10
    Ańbu Juniør's Avatar
    Status
    Ańbu Juniør is offline
    Gender
    Join Date
    Feb 2009
    Posts
    11,633
    Location
    The Steps of Thanalan
    The Rat Prince
     

    Re: [Updated] Profile Design Guide

    finally found it
     
         

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

    Re: [Updated] Profile Design Guide

    Thank You! Excellent guide
     
         

  12. #12
    Nocturne's Avatar
    Status
    Nocturne is offline
    Gender
    Join Date
    Oct 2011
    Posts
    3,969
    Location
    House Targaryen!
    Purge with Silver!
     



    Re: [Updated] Profile Designing Guide

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

  13. #13
    Skorm's Avatar
    Status
    Skorm is online now
    Gender
    Join Date
    May 2012
    Posts
    9,055
    Location
    Clock Town
    Azu Is My Everything.
     



    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 01:36 PM.

  14. #14
    Nocturne's Avatar
    Status
    Nocturne is offline
    Gender
    Join Date
    Oct 2011
    Posts
    3,969
    Location
    House Targaryen!
    Purge with Silver!
     



    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...^^
     
         

  15. #15
    Senior Member
    Status
    Kages is offline
    Gender
    Join Date
    Nov 2012
    Posts
    16,414
    you were so close.
     

    Re: [Updated] Profile Designing Guide

    Mmmkay thanks
     
         

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

    Re: [Updated] Profile Designing Guide

    Epic! Thanks for the guide :D
     
         

  17. #17
    >.> meh. This name sucks.. Voltron's Avatar
    Status
    Voltron is offline
    Gender
    Join Date
    Oct 2012
    Posts
    5,829
    Fat monkeys cause red
    tablecloths to explode
     

    Re: [Updated] Profile Designing Guide

    Very nice Drizzy^^ Thanks
     
         

  18. #18
    Excālibur's Avatar
    Status
    Excālibur is online now
    Gender
    Join Date
    Feb 2013
    Posts
    11,507
    Location
    Universe -> Milky way Galaxy -> Solar System -> Earth -> Asia -> South Asia -> India
    Officially the greatest fan of
    FMA U_U
     

    Re: [Updated] Profile Designing Guide

    Thanks Drizzy
     
         

  19. #19
    Penguin.'s Avatar
    Status
    Penguin. is offline
    Gender
    Join Date
    Feb 2013
    Posts
    24,060
    Location
    Tobirama's God-like hair.
    Jana can see why kids love
    Cinnamon Toast Crunch.
     

    Re: [Updated] Profile Designing Guide

    Nice guide!
     
         

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

    Re: [Updated] Profile Designing Guide

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

  21. #21
    Member Dah's Avatar
    Status
    Dah is offline
    Gender
    Join Date
    Feb 2010
    Posts
    91
    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
     
         

  22. #22
    Senior Member Nagatō's Avatar
    Status
    Nagatō is offline
    Gender
    Join Date
    Apr 2011
    Posts
    18,949
    Location
    雨隠れの里
    うずまき 長門
     



    Re: [Updated] Profile Designing Guide

    I wish to take part
     
         

  23. #23
    Banned
    Status
    fayeon is offline
    Join Date
    Dec 2012
    Posts
    3,934
    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 ?
     
         

  24. #24
    Let It Fall Cascade's Avatar
    Status
    Cascade is offline
    Gender
    Join Date
    May 2012
    Posts
    1,470
    Location
    Nawww
    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!
     
         

  25. #25
    Hmmm...I love ice cream Salada's Avatar
    Status
    Salada is offline
    Gender
    Join Date
    Feb 2013
    Posts
    3,482
    Location
    Here
    This user has no status.
     



    Re: [Updated] Profile Designing Guide

    @Cascade



    Its explained in this thread .


    Underline:


    Quote Originally Posted by Drizzy View Post



    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.





    The text in horus intro text is a picture .
     
         
    Last edited by Salada; 03-19-2014 at 03:38 AM.

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
  •