Announcement

Collapse
No announcement yet.

How to Customize Converse.php Page

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

  • How to Customize Converse.php Page

    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:

    Code:
    /* 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 */
    Last edited by Amaury; Tue 12 Feb '13, 2:19pm.
    Former vBulletin user

  • #2
    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.
    Vote for:

    - *Admin Settable Paid Subscription Reminder Timeframe*
    -
    *PM - Add ability to reply to originator only*
    - Add Admin ability to auto-subscribe users to specific channel(s)
    - "Quick Route" Interface...

    Comment


    • #3
      Originally posted by Trevor Hannant View Post
      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.

      Click image for larger version

Name:	Converse.png
Views:	1
Size:	199.7 KB
ID:	3691227
      Former vBulletin user

      Comment


      • #4
        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...
        Vote for:

        - *Admin Settable Paid Subscription Reminder Timeframe*
        -
        *PM - Add ability to reply to originator only*
        - Add Admin ability to auto-subscribe users to specific channel(s)
        - "Quick Route" Interface...

        Comment


        • #5
          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....
          MARK.B | vBULLETIN SUPPORT

          TalkNewsUK - My vBulletin 5.6.3 Demo
          AdminAmmo - My Cloud Demo

          Comment


          • #6
            Originally posted by Trevor Hannant View Post
            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.

            Originally posted by Mark.B View Post
            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:
            Click image for larger version

Name:	Converse.php Before.png
Views:	1
Size:	242.1 KB
ID:	3691233

            After:
            Click image for larger version

Name:	Converse.php After.png
Views:	1
Size:	214.6 KB
ID:	3691232

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

            Comment


            • #7
              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.
              MARK.B | vBULLETIN SUPPORT

              TalkNewsUK - My vBulletin 5.6.3 Demo
              AdminAmmo - My Cloud Demo

              Comment


              • #8
                Originally posted by Mark.B View Post
                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.
                Former vBulletin user

                Comment


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

                  Comment


                  • #10
                    Oh yeah, I totally forgot to post the amended code:
                    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};
                    }
                    MARK.B | vBULLETIN SUPPORT

                    TalkNewsUK - My vBulletin 5.6.3 Demo
                    AdminAmmo - My Cloud Demo

                    Comment


                    • #11
                      Originally posted by Mark.B View Post
                      Oh yeah, I totally forgot to post the amended code:
                      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.
                      Former vBulletin user

                      Comment


                      • #12
                        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.

                        Code:
                        #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:

                        Code:
                        #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.
                        Former vBulletin user

                        Comment

                        widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                        Working...
                        X