1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
    Dismiss Notice
  3. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Staff Online In columns (With Overlay)

Discussion in 'Template Modifications [Archive]' started by Forsaken, Oct 15, 2010.

Thread Status:
Not open for further replies.
  1. Forsaken

    Forsaken Well-Known Member

    This is an alternative to the default Staff Online listing, as well as to the other one already posted here.

    Open Sidebar.css

    Add this:
    Code:
    .sidebar .avatarListInline li
    {
    overflow: hidden; zoom: 1;
    float:left;
    margin: 5px 0 0 0;
    width:25%;
    }
    
    Open sidebar_online_users

    Replace:

    Code:
    <xen:if hascontent="true">
    <!-- block: sidebar_online_staff -->
    <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_moderator} OR {$user.is_admin}">
    <li>
    <xen:avatar user="$user" size="s" img="true" />
    <xen:username user="$user" rich="true" />
    <div class="userTitle">{xen:helper userTitle, $user}</div>
    </li>
    </xen:if>
    </xen:foreach>
    </xen:contentcheck>
    </ul>
    </div>
    </div>
    <!-- end block: sidebar_online_staff -->
    </xen:if>
    
    With:

    Code:
    <xen:if hascontent="true">
     <!-- block: sidebar_online_staff -->
     <div class="section staffOnline avatarListInline">
     <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_moderator} OR {$user.is_admin}">
     <li>
     <xen:avatar user="$user" size="s" text="{$user.username} ({xen:helper userTitle, $user})" class="Tooltip" title="{$user.username}, {xen:helper userTitle, $user}" />
     </li>
     </xen:if>
     </xen:foreach>
     </xen:contentcheck>
     </ul>
     <div style="clear:both;"></div>
     </div>
     </div>
     <!-- end block: sidebar_online_staff -->
    </xen:if>
    
     

    Attached Files:

  2. Floris

    Floris Guest

    Excellent solution to obvious problem.
    Thank you for sharing the code.

    <smilies and flowers here>
     
  3. Kim

    Kim Well-Known Member

    Great Idea! :D Thanks for this :)
     
  4. Lee

    Lee Well-Known Member

    Hope this is included as default in next beta! Much cleaner.
     
  5. Forsaken

    Forsaken Well-Known Member

    Not sure that'll happen, but at least this method is simple :p.
     
  6. Lee

    Lee Well-Known Member

    Yup! Would be nice if it did though! :)
     
  7. lms

    lms Well-Known Member

    Nice. Thanks.

    Salud2
     
  8. captainslater

    captainslater Well-Known Member

    Within pcs the layout is messed up.

    [​IMG]
     
  9. Forsaken

    Forsaken Well-Known Member

    Updated the code for sidebar.css so that it doesn't screw up conversations.

    I might make one for conversations if enough people want it.
     
    captainslater likes this.
  10. Trombones13

    Trombones13 Well-Known Member

    Great work; the only issue I'm seeing is that it's messing up the RecentStatus mod in the same way the conversations were messed up in post #8. Any idea on how to fix that? Thanks!
     
  11. Forsaken

    Forsaken Well-Known Member

    I'll modify it a bit tomorrow when I'm back from dinner.

    Just reformatted my system, and getting prepared for the new system I ordered today.
     
    neodan likes this.
  12. Vincent

    Vincent Well-Known Member

    If anyone else has the same problem like me, that you got an image as Rank and that an error shows up, than change

    Code:
    <xen:avatar user="$user" size="s" text="{$user.username} ({xen:helper userTitle, $user})" class="Tooltip" title="{$user.username}, {xen:helper userTitle, $user}" />
    by

    Code:
    <xen:avatar user="$user" size="s" text="{$user.username} ({xen:helper userTitle, $user})" class="Tooltip" title="{$user.username}" />
    
     
  13. Wuebit

    Wuebit Well-Known Member

    This is awesome but it breaks this mod see image
    ouch.jpg
    I would love to use both on my site
    Cheers
     
  14. James

    James Well-Known Member

    It looks like the only way you're fitting both is to extend the sidebar, or you could change the avatar sizes to small (which will knock them down to 48x48). There's not much else you can do that doesn't involve editing templates.
     
  15. Gultog

    Gultog Member

    Sorry but i can't see this code in sidebar.css (maybe that template is outdate)
    Code:
    .sidebar .avatarList li
    {
    overflow: hidden; zoom: 1;
    margin: 5px 0;
    }
    
     
  16. Forsaken

    Forsaken Well-Known Member

    Updated the first post, you'll just need to replace the code (Will check to see if its been changed in 1.0.3 on Tuesday or Wednesday), and add the new CSS class.
     
    Gultog likes this.
  17. a legacy reborn

    a legacy reborn Well-Known Member

    Will be using this from now on :), +1.
     
  18. CyclingTribe

    CyclingTribe Well-Known Member

    Installed today - many thanks - as I have quite a lot of moderators this has done a great job of shortening the sidebar on my CycleChat forums.

    Cheers,
    Shaun :D
     
  19. Fatih Özcan

    Fatih Özcan Active Member

    it doesnt for me. I am using 1.1.1 version. I am sure ı make right all of changes.
    is there a change new versions..
     
  20. thebush

    thebush Member

Thread Status:
Not open for further replies.

Share This Page