Add Avatar to Visitor Tab [Deleted]

[Tize]

Thank you very much for your help, right now I am sending the details private.
Thank you.

 

[Steve F]

Steve F updated Add Avatar to Visitor Tab with a new update entry:

Fixed Firefox bug

Account Username not displaying in Firefox Fix

/* Avatar in visitor tab */
.navTab .accountPopup img
{
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 3px;
    border-radius: 2px;
}

/* Firefox fix for avatar in visitor tab */
.navTabs .navTab.account .navLink .accountUsername
{
    display: inline-block;
}

Read the rest of this update entry...

 

[Shelley]

@Steve F & @Russ - I think I had the same issue as @Tize in firefox that the edit jut breaks. I pasted in the edit correctly but what I did to resolve that was add a space between "account" & "username" with the code below.

<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="account Username">{$visitor.username}</strong>

When I tried the following the text username seemed to have got cropped when I did space them. Hopefully that sheds some light on that issue

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

 

[Steve F]

Strange

I updated the CSS with a display fix. Going to look in some other templates and see how that class is used.

 

[Steve F]

@Shelley , did you change the CSS when you changed that class name? If not that would explain why it fixed the issue for you since 'display: block' wasn't being specified.

 

[Shelley]

@Shelley , did you change the CSS when you changed that class name? If not that would explain why it fixed the issue for you since 'display: block' wasn't being specified.

I changed it slightly by adding a margin-top because I re-sized the avatar image a little. But before that at it's original size and new size when the class name wasn't separated I was getting this (below)

 

[Steve F]

Change the class="account Username" to its original state and add to EXTRA and see if ti fixes it for you.

.navTabs .navTab.account .navLink .accountUsername
{
    display: inline-block;
}

 

[Shelley]

Change the class="account Username" to its original state and add to EXTRA and see if ti fixes it for you.

.navTabs .navTab.account .navLink .accountUsername
{
    display: inline-block;
}

Yup, that's fixed that Steve.

 

[Rho Delta]

Any way to make this an addon to avoid manual template edits?

 

[Steve F]

I'm sure it can be, something I can look into eventually.

 

[Steve F]

@Rho Delta I have made a simple add-on now

http://xenforo.com/community/resources/avatar-visitor-tab.2537/

 

[Tize]

Hello everyone.
I want to comment that Mr Steve F, bothered and help me professionally and personalized in solving the problem with Firefox.
Thank you very much for your time, for your help and for your kindness friend.
Cheers and see you soon.

 

[rafass]

perfect! thank you!

 

[Steve F]

This resource has been removed and is no longer available.