This is a vB4 feature that's missing in vB5. Well, not anymore as I created it!
Features:
EDIT: Style Customizations below via CSS is no longer needed in v1.10 and up. To customize how the users are displayed in the module, edit the module configuration and configure "Display Type", "Avatar Size for Desktop" and "Avatar Size for Mobile" options. If you installed below CSS, you have to remove it first before installing v1.10 and up.
Style Customizations:
To display both the avatars and username at the same time, make sure to select Yes for the "Display Avatars?" option in the module configuration and then add the following CSS in css_additional template:
Adjust the avatar size and other values accordingly. I added comments enclosed within /* */ in the CSS code to describe the CSS variables I introduced that you can edit.
[/code]
If you are using the Profile Preview Tooltip mod, then you need to add this extra CSS to prevent the username from disappearing when Profile preview tooltip appears.
To customize the style of the visitor count message like changing the font-size, font-weight, font-family or any style, you can add this CSS:
Compatibility:
Version History:
v1.13
v1.12
v1.11
v1.10
v1.9
v1.8
v1.7
v1.6
v1.5
v1.4
v1.3
v1.2
v1.1
v1.0
Limitations:
Demo:
See "Recent Visitors" module on homepage.
Instructions:
Please refer to the installation document included in the file.
Price: $35
Payment Accepted: PayPal or Debit/Credit Card
Screenshots:
Features:
- Displays the visitors in the last hours you configured. Defaults to last 24 hours.
- Can display Usergroup Legend using the Username HTML Markup setting for each usergroup. (New in v1.12)
- Can display avatars only, usernames only, or both. Displays avatars only by default.
- Can display usernames using the "Username HTML Markup" option for usergroups in AdminCP.
- Can exclude banned users.
- Can show visitor count using the "Display Count?" module configuration.
- Packaged as a Module. So you just drag and drop it onto the page using Sitebuilder.
- Does not require editing existing templates.
- Compatible with PHP 8.0 and 8.1.
- Allow customization or translation of the visitor count message using the vbmods_last_visitors_count and vbmods_last_visitors_usergrouplegend_header phrase variables in the Phrase Manager.
- Added module configuration to customize how avatars and/or username are displayed and the avatar size for desktop and mobile.
EDIT: Style Customizations below via CSS is no longer needed in v1.10 and up. To customize how the users are displayed in the module, edit the module configuration and configure "Display Type", "Avatar Size for Desktop" and "Avatar Size for Mobile" options. If you installed below CSS, you have to remove it first before installing v1.10 and up.
Style Customizations:
To display both the avatars and username at the same time, make sure to select Yes for the "Display Avatars?" option in the module configuration and then add the following CSS in css_additional template:
Code:
/* Last Visitors Module Avatars with Username - START */ .vbmodsthatrocks-last-visitors-widget .display-avatar { --lastVisitorAvatarSize: 100px; /* Avatar width and height on desktop */ --lastVisitorAvatarColumnGapSize: 40px; /* Gaps between Avatar columns on desktop */ --lastVisitorAvatarRowGapSize: 20px; /* Gaps between Avatar rows on desktop */ --lastVisitorAvatarBorderRadius: 100%; /* Avatar border-radius on desktop and mobile */ margin: 0 !important; } .l-small .vbmodsthatrocks-last-visitors-widget .display-avatar { --lastVisitorAvatarSize: 80px; /* Avatar width and height on mobile */ --lastVisitorAvatarColumnGapSize: 20px; /* Gaps between Avatar columns on mobile */ --lastVisitorAvatarRowGapSize: 10px; /* Gaps between Avatar rows on mobile */ } .vbmodsthatrocks-last-visitors-widget .display-avatar .last-visitor-list { display: grid; grid-template-columns: repeat(auto-fill, var(--lastVisitorAvatarSize)); justify-content: center; grid-column-gap: var(--lastVisitorAvatarColumnGapSize); grid-row-gap: var(--lastVisitorAvatarRowGapSize); } .vbmodsthatrocks-last-visitors-widget .display-avatar li { margin: 0; float: none; } .vbmodsthatrocks-last-visitors-widget .display-avatar .b-avatar { width: var(--lastVisitorAvatarSize); height: var(--lastVisitorAvatarSize); border-radius: var(--lastVisitorAvatarBorderRadius); margin: 0 !important; } .vbmodsthatrocks-last-visitors-widget .display-avatar .b-avatar:after { content: attr(title); display: block; text-align: center; word-break: break-word; width: calc(100% + var(--lastVisitorAvatarColumnGapSize)); margin-left: calc(-1 * (var(--lastVisitorAvatarColumnGapSize)/2)); } .vbmodsthatrocks-last-visitors-widget .display-avatar .b-avatar img { width: var(--lastVisitorAvatarSize); height: var(--lastVisitorAvatarSize); max-width: none !important; max-height: none !important; transform: none !important; } /* Last Visitors Module Avatars with Username - END */
[/code]
If you are using the Profile Preview Tooltip mod, then you need to add this extra CSS to prevent the username from disappearing when Profile preview tooltip appears.
Code:
.vbmodsthatrocks-last-visitors-widget .display-avatar .b-avatar[data-hasqtip][oldtitle]:after { content: attr(oldtitle); }
To customize the style of the visitor count message like changing the font-size, font-weight, font-family or any style, you can add this CSS:
Code:
.vbmodsthatrocks-last-visitors-widget p { /* style here */ }
Compatibility:
- Compatible with vB5 and 6 (self-hosted)
- Not compatible with vBCloud
Version History:
v1.13
- Fixed missing css_b_avatar_username.css file that was actually not used by this mod. vB5 has a weird "bug" where if a mod used "b-avatarXXXX" CSS class where XXXX represents any characters, then vB5 automatically includes "css_b_avatarXXXX.css" file on the page for some reason.
- Enabled avatar/username link in this mod to work with vB5's Name Card feature.
v1.12
- Added Usergroup Legend section.
v1.11
- Fixed warning when editing and saving the Last Visitor module template in Style Manager.
v1.10
- Added "Username HTML Markup" support for username when displayed together with avatar.
- Added module option to display both avatar and username, avatar only or username only.
- Added module option to configure avatar size for desktop and mobile.
- Miscellaneous fixes
v1.9
- Fixed incorrect visitor count if a banned user is online but excluded in the Last Visitor list.
v1.8
- PHP 8.0 and 8.1 compatibility.
- Added "Display Count" option to display number of visitors.
- Added phrase variable named vbmods_last_visitors_count in the Phrase Manager to allow customization or translation of the visitor count message.
v1.7
- Added options to exclude banned users from the list. Thanks to voyger for this feature request.
v1.6
- Added the new Module Permissions feature that was recently added by vBulletin to the modules.
v1.5
- Fixed sorting issue on list of users.
v1.4
- Fixed blank module issue due to a typo in the module template.
v1.3
- Fixed blank module issue due to an incorrect code in the module template.
v1.2
- Fixed compatibility with vB 5.2.6. There was a breaking change introduced by vBulletin in the User API that prevented this module to work in vB 5.2.6.
v1.1
- Added new feature to allow the usergroup's "Username HTML Markup" options to be applied to the username if "Display Avatars" option in the module is set to No. This means if you add HTML in the usernames of a usergroup (e.g. change color or font), then this will be applied in the module.
v1.0
- Initial version
Limitations:
- Does not display last activity date.
- Does not exclude invisible users.
Demo:
See "Recent Visitors" module on homepage.
Instructions:
Please refer to the installation document included in the file.
Price: $35
Payment Accepted: PayPal or Debit/Credit Card
Don't have a PayPal account yet or want to use a new account to purchase this mod? Sign up with PayPal now and get $5 reward!
Want to pay using Credit/Debit Card? Contact us and we will send you an invoice where you can use your own card.
Screenshots:
Comment