1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Message in a Speech bubble

Discussion in 'Styling and Customization Questions' started by Nudaii, May 11, 2013.

  1. Nudaii

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

    any ideas how to do this?:)
     
  2. Steve F

    Steve F Well-Known Member

    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;
                }
     
    Josh_ and Shelley like this.

Share This Page