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

Add Avatar to Visitor Tab

Adds a users avatar to the account visitors tab.

  1. Steve F

    Steve F Well-Known Member

    Qwk86gn submitted a new resource:

    Add Avatar to Visitor Tab (version 1.0) - Adds a users avatar to the account visitors tab.

    Read more about this resource...
     
    Tize and sgesvn like this.
  2. sgesvn

    sgesvn Member

    I do not understand
    Please shown me!
     
    Tize likes this.
  3. DRE

    DRE Well-Known Member

    Tize, Steve F and sgesvn like this.
  4. Steve F

    Steve F Well-Known Member

    Updated instructions so that it is more clear. ;)
     
    Tize and sgesvn like this.
  5. Tize

    Tize Active Member

    Hi, do you know if you can add update for the new version of xF?
    Why does not work now.
    Thank you.
     
  6. Steve F

    Steve F Well-Known Member

    I will check on a fresh install, it may need updated.
     
    Tize likes this.
  7. Tize

    Tize Active Member

    Thank you very much, please let here to be aware and able to install it.
    Greetings.
     
  8. Steve F

    Steve F Well-Known Member

    Tize and Shelley like this.
  9. Shelley

    Shelley Well-Known Member

    Excellent enhancement @Steve F - Adds a nice touch to that area I have to admit. Very nicely done. (y)

    Screenshot_54.png
     
    Tize, Steve F and Russ like this.
  10. Tize

    Tize Active Member

    Steve F likes this.
  11. Tize

    Tize Active Member

    Hello Steve, I have a little problem, I have reported some users.
    Some tell me that the name does not display completely right next to the avatar.
    And in my case Firefox does not see the name and I guess that is the same.
    If you can help would be great please.
    Thank you very much.

    a.png
     
  12. Steve F

    Steve F Well-Known Member

    It looks like you haven't applied the edit correctly. A link to your site would help debug it.
     
    Tize likes this.
  13. Tize

    Tize Active Member

    Hi, thanks for your answer.
    Do not quite understand your answer, sorry.
    Want to know my site? or something else?
    Thank you.
     
  14. Russ

    Russ Well-Known Member

    From your screenshot it appears you've copied the correct text but instead of pasting it before the username, you replaced it with it.
     
    Tize likes this.
  15. Tize

    Tize Active Member

    Mmmmm, you mean where: navigation_visitor_tab
    O where Extra.css?
    Thank you.
     
  16. Russ

    Russ Well-Known Member

    navigation_visitor_tab
     
    Tize likes this.
  17. Tize

    Tize Active Member

    What I have in this way mate, thanks for your help.

    HTML:
    <!-- account -->
        <li class="navTab account Popup PopupControl PopupClosed {xen:if $tabs.account.selected, 'selected'}">
    
            <xen:set var="$visitorHiddenUnread" value="{xen:calc '{$visitor.alerts_unread} + {$visitor.conversations_unread}'}" />
            <a href="{xen:link account}" class="navLink accountPopup NoPopupGadget" rel="Menu"><img src="{xen:helper avatar, $visitor, s}" class="miniMe" alt="{$visitor_username}" /><strong class="accountUsername">{$visitor.username}</strong>
                <strong class="itemCount ResponsiveOnly {xen:if $visitorHiddenUnread, '', 'Zero'}"
                    id="VisitorExtraMenu_Counter">
                    <span class="Total">{xen:number $visitorHiddenUnread}</span>
                    <span class="arrow"></span>
                </strong>
            </a>
    PHP:
    <!-- account -->
        <
    li class="navTab account Popup PopupControl PopupClosed {xen:if $tabs.account.selected, 'selected'}">

            <
    xen:set var="$visitorHiddenUnreadvalue="{xen:calc '{$visitor.alerts_unread} + {$visitor.conversations_unread}'}" />
            <
    a href="{xen:link account}" class="navLink accountPopup NoPopupGadget" rel="Menu"><img src="{xen:helper avatar, $visitor, s}" class="miniMe" alt="{$visitor_username}/><strong class="accountUsername">{$visitor.username}</strong>
                <
    strong class="itemCount ResponsiveOnly {xen:if $visitorHiddenUnread, '', 'Zero'}"
                    
    id="VisitorExtraMenu_Counter">
                    <
    span class="Total">{xen:number $visitorHiddenUnread}</span>
                    <
    span class="arrow"></span>
                </
    strong>
            </
    a>
     
  18. Russ

    Russ Well-Known Member

    @Tize did you add the bit into extra.css?
     
    Tize likes this.
  19. Tize

    Tize Active Member

    If friend, I have added what I have in this manner.

    HTML:
    .UserOffline, .UserOnlineInvisible
    {
    font-weight: bold;
    font-size: 10px;
    color: #56575A;
    background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 1px 5px;
    margin: -5px -5px 5px 5px;
    border: 1px solid @primaryLight;
    border-radius: 3px;
    border-top-right-radius: 0px;
    display: block;
    float: right;
    position: relative;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
    margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
    .UserOnline
    {
    font-weight: bold;
    font-size: 10px;
    color: @contentBackground;
    background: limegreen;
    padding: 1px 5px;
    margin: -5px -5px 5px 5px;
    border: 1px solid @primaryLight;
    border-radius: 3px;
    border-top-right-radius: 0px;
    display: block;
    float: right;
    position: relative;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
    margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
    .UserOnline span
    {
    background-color: limegreen;
    border-top-right-radius: 3px;
    position: absolute;
    top: -4px;
    right: -1px;
    width: 5px;
    height: 4px;
    }
    .UserOffline span, .UserOnlineInvisible span
    {
    background-color: @primaryLight;
    border-top-right-radius: 3px;
    position: absolute;
    top: -4px;
    right: -1px;
    width: 5px;
    height: 4px;
    }
    
    
    
    
    .navTab .accountPopup img
    {
        float: left;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        margin-top: 3px;
        border-radius: 2px;
    }
    
    
    
    
    .subForumList li .nodeTitle:before {
      background: url("@imagePath/xenforo/icons/subforum-read.png") no-repeat left center transparent;
      height: 10px;
      width: 10px;
      content: "";
      padding-left: 12px; }
    
    .subForumList li .unread .nodeTitle:before {
      background: url("@imagePath/xenforo/icons/subforum-unread.png") no-repeat left center transparent;
      height: 10px;
      width: 10px;
      content: "";
      padding-left: 12px; }
    PHP:
    .UserOffline, .UserOnlineInvisible
    {
    font-weightbold;
    font-size10px;
    color#56575A;
    background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png'repeat-x top;
    padding1px 5px;
    margin: -5px -5px 5px 5px;
    border1px solid @primaryLight;
    border-radius3px;
    border-top-right-radius0px;
    displayblock;
    floatright;
    positionrelative;
    box-shadow1px 1px 3px rgba(0,0,00.25);
    margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
    .
    UserOnline
    {
    font-weightbold;
    font-size10px;
    color: @contentBackground;
    backgroundlimegreen;
    padding1px 5px;
    margin: -5px -5px 5px 5px;
    border1px solid @primaryLight;
    border-radius3px;
    border-top-right-radius0px;
    displayblock;
    floatright;
    positionrelative;
    box-shadow1px 1px 3px rgba(0,0,00.25);
    margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
    .
    UserOnline span
    {
    background-colorlimegreen;
    border-top-right-radius3px;
    positionabsolute;
    top: -4px;
    right: -1px;
    width5px;
    height4px;
    }
    .
    UserOffline span, .UserOnlineInvisible span
    {
    background-color: @primaryLight;
    border-top-right-radius3px;
    positionabsolute;
    top: -4px;
    right: -1px;
    width5px;
    height4px;
    }




    .
    navTab .accountPopup img
    {
        
    floatleft;
        
    width20px;
        
    height20px;
        
    margin-right5px;
        
    margin-top3px;
        
    border-radius2px;
    }




    .
    subForumList li .nodeTitle:before {
      
    backgroundurl("@imagePath/xenforo/icons/subforum-read.png"no-repeat left center transparent;
      
    height10px;
      
    width10px;
      
    content"";
      
    padding-left12px; }

    .
    subForumList li .unread .nodeTitle:before {
      
    backgroundurl("@imagePath/xenforo/icons/subforum-unread.png"no-repeat left center transparent;
      
    height10px;
      
    width10px;
      
    content"";
      
    padding-left12px; }
     
  20. Steve F

    Steve F Well-Known Member

    Really need a link to your site to debug it.
     
    Tize likes this.

Share This Page