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

XF 1.4 online ribbon

Discussion in 'Styling and Customization Questions' started by Brad P, Sep 14, 2014.

  1. Brad P

    Brad P Active Member

    how can i move the online ribbon over to the right, picture in below link

    Attached Files:

  2. Dan Hawkins

    Dan Hawkins Active Member

    You thought about using the "Online Banner" Add-on?

    Failing that:

    Use this CSS (Open up "message_user_info" template)

    .messageUserBlock div.avatarHolder .onlineMarker {
    position: absolute;
    top: 112px;
    left: 112px;

    border: 8px solid transparent;
    border-bottom-color: rgb(127, 185, 0);
    border-right-color: rgb(127, 185, 0);
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;

    NOTE -
    - This probably wont work on mobiles..
    - The bold text is what I replaced I.E. "border-bottom-right-radius: 3px;" replaces "border-bottom-left-radius: 3px;"



    Last edited: Sep 14, 2014
  3. Brad P

    Brad P Active Member

    Many thanks for the reply.

    I have played around with it and managed to get it to fit without messing around with templates. But I must admit I like it better in the bottom right :)

Share This Page