vBulletin 5 Profile Preview Tooltip modification displays Profile About information and other user info as a tooltip when you click or hover an avatar or username link anywhere across the site.
This plugin is very useful for forums that want to show more details about their users without leaving the current page. It helps users to get to know each other better and faster. It also enhances the user experience and makes your forum more dynamic and interactive.
Features:
Compatibility:
Screenshots:
Demo:
Click an avatar or username anywhere on this site.
Style Customizations:
To customize style, add the following custom css in css_additiona.css template in AdminCP or in Sitebuilder > Style > CSS Editor. Adjust the values accordingly.
To increase tooltip height:
To make the avatar bigger/smaller and rounded:
To change the background of the tooltip title bar:
To change the color of the View Profile link:
To change the hover color of the View Profile link:
Phrase Translations:
Update the following phrase variables in the Phrase Manager as needed:
Version History:
v1.8
v1.7
v1.6
v1.3
v1.2
v1.1
v1.0
Branding-Free: $30
For the FREE version with vbmods.rocks branding in the footer, please download the attached ZIP file below.
This plugin is very useful for forums that want to show more details about their users without leaving the current page. It helps users to get to know each other better and faster. It also enhances the user experience and makes your forum more dynamic and interactive.
Features:
- Similar to the new Name Card feature introduced in vB 5.6.6 but this mod is better and has more features.
- Similar to the thread preview but for profile.
- It works on both avatar and username and not just on username.
- Enables the user to quickly get some information about a fellow member (e.g. finding all posts by the user) while in a topic page, topic list or in any page where a profile link is displayed.
- Supports RTL.
- Added new options in v1.5
- Allows you to quickly enable or disable the mod
- Allows you to set Click or Hover to trigger the Profile tooltip. Defaults to Click.
- Allows you to set tooltip width, height, font-size and line-height.
- Allows you to set Usergroups that can use this mod.
Compatibility:
- Compatible with vB5 (self-hosted)
- Compatible with vB6 (self-hosted). Requires a small CSS tweak in css_additional.css template to fix wrapping issue of "View Profile" link.
Code:.ui-tooltip-profile-preview-noypiscripter .ui-tooltip-full-profile-noypiscripter { white-space: nowrap; } - Not compatible with vBCloud
Screenshots:
Demo:
Click an avatar or username anywhere on this site.
Style Customizations:
To customize style, add the following custom css in css_additiona.css template in AdminCP or in Sitebuilder > Style > CSS Editor. Adjust the values accordingly.
To increase tooltip height:
Code:
.qtip.ui-tooltip-profile-preview-noypiscripter .qtip-content {
max-height: 360px;
}
Code:
.qtip.ui-tooltip-profile-preview-noypiscripter .b-avatar--m > img {
max-width: 150px !important;
max-height: 150px;
border-radius: 100%;
}
Code:
.ui-tooltip-profile-preview-noypiscripter .ui-tooltip-titlebar {
background: #019DCE !important;
color: #fff;
}
Code:
.ui-tooltip-profile-preview-noypiscripter .ui-tooltip-full-profile-noypiscripter {
color: #fff;
}
Code:
.ui-tooltip-profile-preview-noypiscripter .ui-tooltip-full-profile-noypiscripter:hover {
color: #001F68;
}
Phrase Translations:
Update the following phrase variables in the Phrase Manager as needed:
- profilepreview_tooltip_profile_preview - Profile Preview (used in the tooltip title bar)
- view_profile - View Profile (this is an existing vB5 phrase which is also used in other places)
- edit_user - Edit User (appears as tooltip for the Pencil icon; this is an existing vB5 phrase which is also used in other places)
Version History:
v1.8
- Fixed compatibility issue with vB 5.6.6 and older where online status icon says "null is online now" due to missing Display Name feature that was introduced in vB 5.6.7.
v1.7
- Added the following to the Profile Preview tooltip:
- Avatar
- Username (renders with Username HTML Markup if set)
- Online/Offline status icon
- PM/Chat icon
- Edit User Pencil icon (if has permission)
- User title
- User rank
- Added options to show or hide Online/Offline icon, PM/Chat icon, Edit User icon, User title and User rank
- Miscellaneous fixes
v1.6
- Added Usergroup option to configure the Profile tooltip to only appear for specified usergroups.
- Fixed text wrapping issue on profile information text in the tooltip.
- Fixed username link on Who's Online page not showing Profile tooltip due to conflict with existing default tooltip. This mod automatically removes this default tooltip in order for the Profile tooltip to work.
- Fixed Font-Size and Line-Height mod options not being applied.
- Miscellaneous fixes
- Fixed issues as a result of vB5 updates. Added new configuration options to make the mod more flexible and customizable.
- Fixed wrapping issue when a custom field contains long text without spaces.
v1.3
- Compatibility with Last Visitors module by vBMods.rocks when avatars are shown in the module.
v1.2
- Fixed issue where preview tooltip was not showing up for users with HTML markup in username as defined in Username HTML Markup setting in Usergroup Manager.
v1.1
- Compatibility with vB 5.2.6 to fix stuck "Working..." status indicator issue when hovering a user.
v1.0
- Initial version.
Branding-Free: $30
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.
For the FREE version with vbmods.rocks branding in the footer, please download the attached ZIP file below.
Comment