Message in a Speech bubble

Nudaii

Well-known member
howdy

i run a role play forum, and i would like the message part of the posts to look like they were being "spoken" by the avatars

bubble.webp

any ideas how to do this?:)
 
This might get you heading in the right direction. Taken from a style I had done so colors may not work as expected. Also probably have to play with the top and right positions. Add it to the extra.css

Code:
        .messageUserBlock .arrow
        {
            top: 20px !important;
            right: -23px !important;
            border: 12px solid transparent !important;
            border-right-color: @messageInfo.border-color !important;
            -moz-border-right-colors: @messageInfo.border.border-color !important;
            border-left: none !important;
        }
     
            .messageUserBlock .arrow span
            {
                top: -12px !important;
                left: 1px !important;
             
                border: 12px solid transparent !important;
                border-right-color: @messageInfo.background-color !important;
                -moz-border-right-colors: @messageInfo.background-color !important;
                border-left: none !important;
            }
 
Top Bottom