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:
Version History:
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: $30
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 avatars instead of usernames. Displays avatars by default.
- Can display usernames using the "Username HTML Markup" option for usergroups in AdminCP.
- Can exclude banned users.
- 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 (New in v1.8)
- Can show visitor count using the "Display Count?" module configuration. (New in v1.8)
- Allow customization or translation of the visitor count message using the vbmods_last_visitors_count phrase variable in the Phrase Manager. (New in v1.8)
- Added module configuration to customize how avatars and/or username are displayed and the avatar size for desktop and mobile. (New in v1.10)
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 */
}
Version History:
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. I feel this is too much information.
- Does not exclude invisible users.
Demo:
See "Recent Visitors" module on homepage.
Instructions:
Please refer to the installation document included in the file.
Price: $30
Payment Accepted: PayPal or Debit/Credit Card
Need help or not comfortable installing this mod? Purchase the installation service below:
Product Installation Add-On: $20
Purchase this product add-on to get professional installation of this mod from us.
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!
Screenshots:
Attached Files
Comment