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

XF 1.2 Staff Online Ribbons

Discussion in 'Styling and Customization Questions' started by ChillaxOwner, Sep 6, 2013.

  1. ChillaxOwner

    ChillaxOwner Active Member

    I was wondering if anyone had any idea how to put the ribbons on the staff online area? I have done it before but it looked very bad as I took the code from the postbit where the profile is and put it on the staff online area.

    I am just looking for something that looks more nice.
     
  2. Matthew Hawley

    Matthew Hawley Well-Known Member

    What's the code from the post bit?
     
  3. ChillaxOwner

    ChillaxOwner Active Member

    I most likely used the wrong term, but this is what I did before for my Staff Online, it looks very choppy when it has more groups then the line can hold.
    Code:
    <!-- block: sidebar_online_staff -->
    <xen:if hascontent="true">
        <div class="section staffOnline avatarList">
            <div class="secondaryContent">
                <h3>{xen:phrase staff_online_now}</h3>
                <ul>
                    <xen:contentcheck>
                        <xen:foreach loop="$onlineUsers.records" value="$user">
                            <xen:if is="{$user.is_staff}">
                                <li>
                                    <xen:avatar user="$user" size="s" img="true" />
                                    <xen:username user="$user" rich="true" />
                                    <div class="userBanners">
                            {xen:helper userBanner, $user}
                                    </div>   
                                </li>
                            </xen:if>
                        </xen:foreach>
                    </xen:contentcheck>
                </ul>
            </div>
        </div>
    </xen:if>
    <!-- end block: sidebar_online_staff -->
    ------------------------
    Code:
                                    <div class="userBanners">
                            {xen:helper userBanner, $user}
                                    </div>    
    Is the code if you wanna see it pointed out.
     

Share This Page