How to Customize Converse.php Page

[Amaury]

Credit for this goes to mike406, who recently joined our staff team as a coder.

Until vBulletin resolves this issue, you can customize the converse.php page by adding this to additional.css:

/* Conversations */

.profile_content #above_postlist #pagination_top, #above_postlist #pagination_top {
    float: right !important;
}

#usercss .converseblock .userprof_vmright .userprof_headers {
    background: {vb:stylevar postbitlite_header_background};
    background-image: none;
    margin-right: -1px;
}

#usercss .userprof_vmright .postdate {
     color: {vb:stylevar postbitlite_header_color};
}

#usercss .userprof_vmright .userprof_postbititem a {
    color: {vb:stylevar postbitlite_header_link_color};
}

#usercss .converseblock .userprof_vmright {
    border: {vb:stylevar postbitlite_header_border};
    border-top: 0;
    background: {vb:stylevar postbit_lite_background};
    color: {vb:stylevar postbit_color};
}

#usercss .userprof_button {
    background: {vb:stylevar control_background};
    color: {vb:stylevar control_color};
}

#usercss .userprof blockquote {
    padding: 33px 5px 7px;
}

/* Conversations */

[Trevor Hannant]

What does this actually do as you don't say exactly how this customises that page. Would be useful to see screenshots of this after customisation so people can decide if they want to do this or not.

[Amaury]

What does this actually do as you don't say exactly how this customises that page. Would be useful to see screenshots of this after customisation so people can decide if they want to do this or not.

I'm sorry, Trevor.

[Trevor Hannant]

And where is the text ont he page? If your changes hide the text of the messages then I won't be approving this submission as it defeats the purpose...

[Mark.B]

Also what issue is it intended to resolve?

I'll happily give this some testing later but I could do with knowing what it's trying to resolve....

[Amaury]

And where is the text ont he page? If your changes hide the text of the messages then I won't be approving this submission as it defeats the purpose...

I just made the text transparent on Paint for privacy. I didn't make it like that on the actual customization.

Also what issue is it intended to resolve?

I'll happily give this some testing later but I could do with knowing what it's trying to resolve....

It adds customization to the converse.php page.

Before:


After:


You can see the original thread I made a long time about it here.

[Mark.B]

Seems to help as far as I can tell;

I added a border-top: 0 in one of the classes, as the border on the top of each conversation bit was doubled up (you can actually see this in the screenshot if you look closely). This seems to be ok in customization as far as I can see.

[Amaury]

Seems to help as far as I can tell;

I added a border-top: 0 in one of the classes, as the border on the top of each conversation bit was doubled up (you can actually see this in the screenshot if you look closely). This seems to be ok in customization as far as I can see.

Glad I could help.

[Amaury]

Hey, Mark. Which class / code did you add "border-top: 0" to? I wanted to fix it on KH-MF as well.

[Mark.B]

Oh yeah, I totally forgot to post the amended code:

#usercss .converseblock .userprof_vmright .userprof_headers {
    background: {vb:stylevar postbitlite_header_background};
    background-image: none;
    margin-right: -1px;
}

#usercss .userprof_vmright .userprof_postbititem a {
    color: {vb:stylevar postbitlite_header_link_color};
}

#usercss .converseblock .userprof_vmright {
    border: {vb:stylevar postbitlite_header_border};
    border-top: 0;
    background: {vb:stylevar postbit_lite_background};
    color: {vb:stylevar postbitlite_header_color};
}

#usercss .userprof blockquote {
    padding: 33px 5px 7px;
}

#usercss .userprof_button {
    background: {vb:stylevar control_background};
    color: {vb:stylevar control_color};
}

[Amaury]

Oh yeah, I totally forgot to post the amended code:

#usercss .converseblock .userprof_vmright .userprof_headers {
    background: {vb:stylevar postbitlite_header_background};
    background-image: none;
    margin-right: -1px;
}

#usercss .userprof_vmright .userprof_postbititem a {
    color: {vb:stylevar postbitlite_header_link_color};
}

#usercss .converseblock .userprof_vmright {
    border: {vb:stylevar postbitlite_header_border};
    border-top: 0;
    background: {vb:stylevar postbit_lite_background};
    color: {vb:stylevar postbitlite_header_color};
}

#usercss .userprof blockquote {
    padding: 33px 5px 7px;
}

#usercss .userprof_button {
    background: {vb:stylevar control_background};
    color: {vb:stylevar control_color};
}

Perfect.

Users can also use {vb:stylevar postbit_color} for color on the third code there if they use different colors on their bodies than their headers.

[Amaury]

I noticed that the color in this class was controlling both the content text color and the header text color, so I've improved the code so that if users use different colors for the header and content areas, they don't run into a problem.

#usercss .converseblock .userprof_vmright {
    border: {vb:stylevar postbitlite_header_border};
    border-top: 0;     background: {vb:stylevar postbit_lite_background};
    color: {vb:stylevar postbit_color};

This class was added:

#usercss .userprof_vmright .postdate {
    color: {vb:stylevar postbitlite_header_color};
}

I've edited my OP with the improved code and also included the code to move the pagination to the right so it doesn't overlap with the text on the left.

And I think that should be it with the edits on the code.