Announcement

Collapse
No announcement yet.

Customizing User Profiles with Style Variables Guide

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Customizing User Profiles with Style Variables Guide

    I thought those that customize or will be customizing their profiles with style variables might find this helpful.

    The format is as follows:

    [Category] (General, etc.)

    [Profile area name] (Title Text Color, etc.)
    Controlled By: [variable that controls the area]
    Note(s): [if needed]
    [Screenshot(s) of the area]

    While this is meant to be a guide, things with no screenshots (where a question mark is) means I don't know what it changes on profiles, so if someone wants to provide a screenshot, feel free, and I will add it to this post.

    General:

    Title Text Color
    Controlled By: body_color

    Click image for larger version

Name:	1. Title Text Color.png
Views:	1
Size:	448.3 KB
ID:	3724475

    Page Background:
    Controlled By: body_background

    Click image for larger version

Name:	2. Page Background.png
Views:	1
Size:	437.0 KB
ID:	3724476

    Page Link Color:
    Controlled By: link_color
    Note: Also controls Content Link Color.

    Click image for larger version

Name:	3. Page Link Color.png
Views:	1
Size:	340.7 KB
ID:	3724477

    Modules:

    Module Text Color
    Controlled By: blockhead_color

    Click image for larger version

Name:	4. Module Text Color.png
Views:	1
Size:	433.3 KB
ID:	3724478

    Module Link Color
    Controlled By: blockhead_link_color

    ?

    Module Background
    Controlled By: blockhead_background

    Click image for larger version

Name:	5. Module Background.png
Views:	1
Size:	433.0 KB
ID:	3724479

    Module Border
    Controlled By: blockhead_border

    Click image for larger version

Name:	6. Module Border.png
Views:	1
Size:	433.2 KB
ID:	3724480

    Inactive Modules:

    Inactive Module Text Color
    Controlled By: sidebar_header_color

    Click image for larger version

Name:	7. Inactive Module Text Color.png
Views:	1
Size:	447.3 KB
ID:	3724481

    Inactive Module Link Color
    Controlled By: sidebar_header_link_color

    Click image for larger version

Name:	8. Inactive Module Link Color.png
Views:	1
Size:	434.7 KB
ID:	3724482

    Inactive Module Background
    Controlled By: sidebar_background

    Click image for larger version

Name:	9. Inactive Module Background.png
Views:	1
Size:	435.8 KB
ID:	3724483

    Inactive Module Border
    Controlled By: sidebar_border

    Click image for larger version

Name:	10. Inactive Module Border.png
Views:	1
Size:	436.0 KB
ID:	3724484

    Buttons:

    Button Text Color
    Controlled By: control_color

    Click image for larger version

Name:	11. Button Text Color.png
Views:	1
Size:	435.6 KB
ID:	3724485

    Button Background
    Controlled By: control_background

    Click image for larger version

Name:	12. Button Background.png
Views:	1
Size:	435.9 KB
ID:	3724486

    Button Border
    Controlled By: control_border

    Click image for larger version

Name:	13. Button Border.png
Views:	1
Size:	436.0 KB
ID:	3724487

    Content:


    Content Text Color
    Controlled By: postbit_color

    Click image for larger version

Name:	14. Content Text Color 1.png
Views:	1
Size:	458.9 KB
ID:	3724488Click image for larger version

Name:	15. Content Text Color 2.png
Views:	1
Size:	409.4 KB
ID:	3724489

    Content Link Color
    Controlled By: link_color
    Note: Also controls Page Link Color.

    Click image for larger version

Name:	16. Content Link Color.png
Views:	1
Size:	409.8 KB
ID:	3724490

    Content Background
    Controlled By: postbit_lite_background

    Click image for larger version

Name:	17. Content Background 1.png
Views:	1
Size:	412.4 KB
ID:	3724491Click image for larger version

Name:	18. Content Background 2.png
Views:	1
Size:	408.9 KB
ID:	3724492Click image for larger version

Name:	19. Content Background 3.png
Views:	1
Size:	446.1 KB
ID:	3724493

    Content Border
    Controlled By: postbit_lite_background
    Note: This is also controlled by the postbit_lite_background variable, which seems to be a bug. There should be a postbit_lite_border variable.

    Headers:

    Header Text Color
    Controlled By: postbitlite_header_color

    Click image for larger version

Name:	20. Header Text Color 1.png
Views:	1
Size:	409.6 KB
ID:	3724494Click image for larger version

Name:	21. Header Text Color 2.png
Views:	1
Size:	409.4 KB
ID:	3724495

    Header Link Color
    Controlled By: postbitlite_header_link_color

    Click image for larger version

Name:	22. Header Link Color.png
Views:	1
Size:	410.9 KB
ID:	3724496

    Header Background
    Controlled By: postbitlite_header_background

    Click image for larger version

Name:	23. Header Background 1.png
Views:	1
Size:	414.8 KB
ID:	3724497Click image for larger version

Name:	24. Header Background 2.png
Views:	1
Size:	408.8 KB
ID:	3724498

    Header Border
    Controlled By: postbitlite_header_border

    Click image for larger version

Name:	25. Header Border 1.png
Views:	1
Size:	416.0 KB
ID:	3724499Click image for larger version

Name:	26. Header Border 2.png
Views:	1
Size:	409.2 KB
ID:	3724500
    Last edited by Amaury; Sun 26th Aug '12, 5:11pm.
    Former vBulletin user
Working...
X