Suggested Plugins

Deleted
Deleted Member

Posts: 0
Likes:

Member is Offline

Suggested Plugins Oct 18, 2015 13:57:43 GMT -5 Alan Vende likes this

Quote

Post by Deleted on Oct 18, 2015 13:57:43 GMT -5

These are just a couple of plugins that are basically non-intrusive, but quite helpful. I've got them on my forums.

- Back To Top ( www.proboards.com/library/plugins/item/48 ): puts an arrow you can click to go back to the top of the page. Configures easily and has default arrow image to use. I set mine to bottom right where it puts the arrow just above the PBN bar and near the scrollbar.

- Forum Tooltips ( www.proboards.com/library/plugins/item/688 ): handy to allow images attached shown larger (if larger than original) on mouseover. Makes it easier to just be able to mouse over images to see them larger than having to click on them.

These are just merely suggestions and are subject to being ignored if they aren't wanted / needed here.

Alan Vende

Hover over a special place in my mini-profile to view my Custom Title!

Posts: 1,895
Likes: 351

Member is Offline

Last Online: Sept 7, 2023 18:53:56 GMT -5

Staff Member

Psychic Psyghtings Radio Host

Mini Profile Theme: Alan Vende's Double Mini-Profile
Spiritual Path: Other
Astrological Sign: Scorpio

Admin

Suggested Plugins Oct 18, 2015 15:43:17 GMT -5

Quote

Post by Alan Vende on Oct 18, 2015 15:43:17 GMT -5

Thanks so much for the suggestions, @msg! We actually have the Forum ToolTips Plugin here on the forum already. If you hover over the blue diamond in my mini-profile, you'll see a tooltip that says "Psychic Psyghtings Staff / This user is a member of the Psychic Psyghtings forum staff."

We will look into the back-to-top plugin.

Thanks again for your suggestion(s)!

"Scars show us where we have been, they do not dictate where we are going."

-- Harrison Scott (Meshach Taylor) talking to the young David Rossi (Joe Mantegna) when he was wounded in a flashback in Criminal Minds Season 10, Episode 12 Anonymous

Deleted
Deleted Member

Posts: 0
Likes:

Member is Offline

Suggested Plugins Oct 18, 2015 19:16:48 GMT -5

Quote

Post by Deleted on Oct 18, 2015 19:16:48 GMT -5

Hi, Alan Vende.

You may want to check the Forum Tooltip plugin settings. I'm not getting anything on your profile on mouseover except when I hover over your display name. Also, images aren't getting affected - which is why I didn't think you had it. I'm on the ProBoards Default theme, if that helps.

Alan Vende

Hover over a special place in my mini-profile to view my Custom Title!

Posts: 1,895
Likes: 351

Member is Offline

Last Online: Sept 7, 2023 18:53:56 GMT -5

Staff Member

Psychic Psyghtings Radio Host

Mini Profile Theme: Alan Vende's Double Mini-Profile
Spiritual Path: Other
Astrological Sign: Scorpio

Admin

Suggested Plugins Oct 18, 2015 19:19:12 GMT -5

Quote

Post by Alan Vende on Oct 18, 2015 19:19:12 GMT -5

Oct 18, 2015 19:16:48 GMT -5 @msg said:

It does help, my friend. Sorry about that. Thank you. I will check it now!

"Scars show us where we have been, they do not dictate where we are going."

-- Harrison Scott (Meshach Taylor) talking to the young David Rossi (Joe Mantegna) when he was wounded in a flashback in Criminal Minds Season 10, Episode 12 Anonymous

Alan Vende

Hover over a special place in my mini-profile to view my Custom Title!

Posts: 1,895
Likes: 351

Member is Offline

Last Online: Sept 7, 2023 18:53:56 GMT -5

Staff Member

Psychic Psyghtings Radio Host

Mini Profile Theme: Alan Vende's Double Mini-Profile
Spiritual Path: Other
Astrological Sign: Scorpio

Admin

Suggested Plugins Oct 18, 2015 19:21:23 GMT -5

Quote

Post by Alan Vende on Oct 18, 2015 19:21:23 GMT -5

When I hover over display names, I get this:

I looked in the theme settings and it says that it's in all themes.

"Scars show us where we have been, they do not dictate where we are going."

-- Harrison Scott (Meshach Taylor) talking to the young David Rossi (Joe Mantegna) when he was wounded in a flashback in Criminal Minds Season 10, Episode 12 Anonymous

Deleted Deleted Member Posts: 0 Likes: Member is Offline Deleted inherit guest@proboards.com 40 0 Nov 15, 2024 3:49:42 GMT -5 Deleted 0 Nov 15, 2024 3:49:42 GMT -5 January 1970 Deleted	Suggested Plugins Oct 18, 2015 19:24:11 GMT -5 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Deleted on Oct 18, 2015 19:24:11 GMT -5 I'm not seeing anything when I hover over the diamond on your MP though. If the image above is an attachment, it's not showing that either (just shows as a link).

Alan Vende

Hover over a special place in my mini-profile to view my Custom Title!

Posts: 1,895
Likes: 351

Member is Offline

Last Online: Sept 7, 2023 18:53:56 GMT -5

Staff Member

Psychic Psyghtings Radio Host

Mini Profile Theme: Alan Vende's Double Mini-Profile
Spiritual Path: Other
Astrological Sign: Scorpio

Admin

Suggested Plugins Oct 18, 2015 19:25:02 GMT -5

Quote

Post by Alan Vende on Oct 18, 2015 19:25:02 GMT -5

The image above is an attachment.

Please check your PMs.

"Scars show us where we have been, they do not dictate where we are going."

-- Harrison Scott (Meshach Taylor) talking to the young David Rossi (Joe Mantegna) when he was wounded in a flashback in Criminal Minds Season 10, Episode 12 Anonymous

Deleted Deleted Member Posts: 0 Likes: Member is Offline Deleted inherit guest@proboards.com 40 0 Nov 15, 2024 3:49:42 GMT -5 Deleted 0 Nov 15, 2024 3:49:42 GMT -5 January 1970 Deleted	Suggested Plugins Oct 18, 2015 19:32:19 GMT -5 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Deleted on Oct 18, 2015 19:32:19 GMT -5 Thank you! I'm now seeing the tooltip for the diamond, but not for the image (enlargement). This makes me think the Attachment setting is off in the plugin (I think it's a checkbox).

Alan Vende

Hover over a special place in my mini-profile to view my Custom Title!

Posts: 1,895
Likes: 351

Member is Offline

Last Online: Sept 7, 2023 18:53:56 GMT -5

Staff Member

Psychic Psyghtings Radio Host

Mini Profile Theme: Alan Vende's Double Mini-Profile
Spiritual Path: Other
Astrological Sign: Scorpio

Admin

Suggested Plugins Oct 18, 2015 19:33:36 GMT -5

Quote

Post by Alan Vende on Oct 18, 2015 19:33:36 GMT -5

You're welcome, my friend! I thought that I ticked it. I guess I ticked it off... (Get it?

)

"Scars show us where we have been, they do not dictate where we are going."

-- Harrison Scott (Meshach Taylor) talking to the young David Rossi (Joe Mantegna) when he was wounded in a flashback in Criminal Minds Season 10, Episode 12 Anonymous

Deleted Deleted Member Posts: 0 Likes: Member is Offline Deleted inherit guest@proboards.com 40 0 Nov 15, 2024 3:49:42 GMT -5 Deleted 0 Nov 15, 2024 3:49:42 GMT -5 January 1970 Deleted	Suggested Plugins Oct 18, 2015 19:34:24 GMT -5 Alan Vende likes this Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Deleted on Oct 18, 2015 19:34:24 GMT -5 LOL! EDIT: Still not seeing it happen on the image.
	Last Edit: Oct 18, 2015 19:35:47 GMT -5 by Deleted

Alan Vende

Hover over a special place in my mini-profile to view my Custom Title!

Posts: 1,895
Likes: 351

Member is Offline

Last Online: Sept 7, 2023 18:53:56 GMT -5

Staff Member

Psychic Psyghtings Radio Host

Mini Profile Theme: Alan Vende's Double Mini-Profile
Spiritual Path: Other
Astrological Sign: Scorpio

Admin

Suggested Plugins Oct 18, 2015 19:35:53 GMT -5

Quote

Post by Alan Vende on Oct 18, 2015 19:35:53 GMT -5

I'm horrible at puns, but sometimes I can be very punny

Check (and please reply) to your next PM, okay?

"Scars show us where we have been, they do not dictate where we are going."

-- Harrison Scott (Meshach Taylor) talking to the young David Rossi (Joe Mantegna) when he was wounded in a flashback in Criminal Minds Season 10, Episode 12 Anonymous

Alan Vende

Hover over a special place in my mini-profile to view my Custom Title!

Posts: 1,895
Likes: 351

Member is Offline

Last Online: Sept 7, 2023 18:53:56 GMT -5

Staff Member

Psychic Psyghtings Radio Host

Mini Profile Theme: Alan Vende's Double Mini-Profile
Spiritual Path: Other
Astrological Sign: Scorpio

Admin

Suggested Plugins Oct 19, 2015 7:36:02 GMT -5 via Tapatalk

Quote

Post by Alan Vende on Oct 19, 2015 7:36:02 GMT -5

Oct 19, 2015 3:08:28 GMT -5 @skyfire said:

I totally agree with @msg about the back to the top plugin, don't know why we ever deleted it!

I don't know why we did either. I'll re-install it. I just didn't know how many people were using it vs how many people thought it was a bother.

"Scars show us where we have been, they do not dictate where we are going."

-- Harrison Scott (Meshach Taylor) talking to the young David Rossi (Joe Mantegna) when he was wounded in a flashback in Criminal Minds Season 10, Episode 12 Anonymous

Deleted Deleted Member Posts: 0 Likes: Member is Offline Deleted inherit guest@proboards.com 40 0 Nov 15, 2024 3:49:42 GMT -5 Deleted 0 Nov 15, 2024 3:49:42 GMT -5 January 1970 Deleted	Suggested Plugins Oct 30, 2015 17:01:49 GMT -5 Alan Vende likes this Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Deleted on Oct 30, 2015 17:01:49 GMT -5 Hi! Just curious regarding the status of the Back To Top plugin. Was that going to get re-installed? Thanks!

Alan Vende

Hover over a special place in my mini-profile to view my Custom Title!

Posts: 1,895
Likes: 351

Member is Offline

Last Online: Sept 7, 2023 18:53:56 GMT -5

Staff Member

Psychic Psyghtings Radio Host

Mini Profile Theme: Alan Vende's Double Mini-Profile
Spiritual Path: Other
Astrological Sign: Scorpio

Admin

Suggested Plugins Oct 30, 2015 18:55:03 GMT -5

Quote

Post by Alan Vende on Oct 30, 2015 18:55:03 GMT -5

Oct 30, 2015 17:01:49 GMT -5 @msg said:

Hi!

Just curious regarding the status of the Back To Top plugin. Was that going to get re-installed?

Thanks!

It is going to be. Thank you for reminding me!

"Scars show us where we have been, they do not dictate where we are going."

-- Harrison Scott (Meshach Taylor) talking to the young David Rossi (Joe Mantegna) when he was wounded in a flashback in Criminal Minds Season 10, Episode 12 Anonymous

Alan Vende

Hover over a special place in my mini-profile to view my Custom Title!

Posts: 1,895
Likes: 351

Member is Offline

Last Online: Sept 7, 2023 18:53:56 GMT -5

Staff Member

Psychic Psyghtings Radio Host

Mini Profile Theme: Alan Vende's Double Mini-Profile
Spiritual Path: Other
Astrological Sign: Scorpio

Admin

Suggested Plugins Nov 12, 2015 15:20:03 GMT -5

Quote

Post by Alan Vende on Nov 12, 2015 15:20:03 GMT -5

Sorry, @msg, I thought I gave you an update on this thread. The Back to Top Plugin has been added, so I will mark this as resolved, okay?

"Scars show us where we have been, they do not dictate where we are going."

-- Harrison Scott (Meshach Taylor) talking to the young David Rossi (Joe Mantegna) when he was wounded in a flashback in Criminal Minds Season 10, Episode 12 Anonymous

Quick Reply

Installation	Customization
1. Templates 2. Building a Mini-Profile 3. Custom Profile Fields 4. Prerequisites	User Variables Javascript

Welcome to the help dialog for the Custom Mini-Profile Creator plugin!

Click on any of the tabs above to go through the plugin configuration process!

You can access this menu at any time by clicking on the

icon in the bottom right bar (may not be applicable if you're on Forums.net), or you can disable the welcome window and/or the icon by going to Plugins > Manage > Custom Mini-Profile Creator and changing the Show Help option.

This step is essential as it gives the plugin everything it needs on the page to get as much profile information as possible.

To make the profile variables work you'll need to add a new line to the very end of Themes > Layout Templates > Mini-Profile and paste the code below on it. The code should be placed completely outside of the mini-profile, so if you're using the default mini-profile template this will be after the very last closing </div> tag. This needs to be done on every theme you have the plugin enabled on as the template is theme-specific.

If your mini-profile template is already customized and you've hit the variable limit for your template you're free to remove any lines from the code below if they contain information that you don't plan on using. For example, if you have no plans to ever add a user's IP to their mini-profile for staff reference you can remove <div class="mp-info ip">$[user.ip]</div> from the code and everything else will still work just fine.

<!-- Custom Mini-Profile Plugin Data -->
<div class="mp-info-holder" style="display: none;">
	<div class="mp-info user">$[user]</div>
	<div class="mp-info age">$[user.age]</div>
	<div class="mp-info avatar">$[user.avatar]</div>
	<div class="mp-info badges">{if $[user.badges_miniprofile]}<div class="$[user.badges_miniprofile_container_class]">{foreach $[user.badges_miniprofile]}$[user.badges_miniprofile.icon]{/foreach}</div>{/if}</div>
	<div class="mp-info birthday">$[user.birthday]</div>
	<div class="mp-info color">$[user.color]</div>
	<div class="mp-info custom_title">$[user.custom_title]</div>
	<div class="mp-info email">$[user.email]</div>
	<div class="mp-info gender">
		<div class="mp-info image">$[user.gender.image]</div>
		<div class="mp-info text">$[user.gender.text]</div>
	</div>
	<div class="mp-info group">
		<div class="mp-info name">$[user.group.name]</div>
		<div class="mp-info stars">$[user.group.stars]</div>
	</div>
	<div class="mp-info id">$[user.id]</div>
	<div class="mp-info instant_messenger">{foreach $[user.instant_messenger]}<div class="mp-info $[user.instant_messenger.name]">$[user.instant_messenger.value]</div>{/foreach}</div>
	<div class="mp-info invisible">$[user.invisible]</div>
	<div class="mp-info ip">$[user.ip]</div>
	<div class="mp-info is_online">{if $[user.is_online]}Member is Online{/if}</div>
	<div class="mp-info is_staff">{if $[user.is_staff]}$[user.is_staff]{/if}</div>
	<div class="mp-info last_online">$[user.last_online]</div>
	<div class="mp-info likes">$[user.likes]</div>
	<div class="mp-info location">$[user.location]</div>
	<div class="mp-info name">$[user.name]</div>
	<div class="mp-info personal_text">{if $[user.personal_text.message]}$[user.personal_text]{/if}</div>
	<div class="mp-info posts">$[user.posts]</div>
	<div class="mp-info rank">
		<div class="mp-info name">$[user.rank.name]</div>
		<div class="mp-info stars">$[user.rank.stars]</div>
	</div>
	<div class="mp-info registered_on">$[user.registered_on]</div>
	<div class="mp-info registered_on_short">$[user.registered_on_short]</div>
	<div class="mp-info social_network">{foreach $[user.social_network]}<div>$[user.social_network]</div>{/foreach}</div>
	<div class="mp-info username">$[user.username]</div>
	<div class="mp-info warning">
		<div class="mp-info bar">$[user.warning.bar]</div>
		<div class="mp-info level">$[user.warning.level]</div>
	</div>
	{foreach $[user.mini_custom_field]}
		<div class="mp-info $[user.mini_custom_field.content_class]">$[user.mini_custom_field.value]</div>
	{/foreach}
</div>

Click to show example

Once you've added the HTML from the Layout Templates tab you're ready to move on to building your mini-profiles. If you want to get going and try some out now or you're not very adept at HTML, CSS, or Javascript, worry not! This plugin includes some examples for you to try out. You're free to skip to the Custom Profile Fields tab and read over this tab later when you're ready to build your own.

Here's a quick rundown of each of the components in Plugins > Manage > Custom Mini-Profile Creator:

Name
This is the name you'll be adding to your custom profile field dropdown once you've finished coding the mini-profile. Pretty self-explanatory. Make sure this name is unique from every other name you use for your mini-profiles or you'll end up overwriting the earlier ones in the list.

HTML
This is the HTML that will go inside your mini-profile. You can use just about any HTML tag here so long as it's appropriate for where the mini-profile is showing on the page. Please refrain from using <style> or <script> tags here. You have the next two sections for that! Also, remember that mini-profiles can show multiple times on the same page, so you shouldn't add ID attributes to any of your elements here. Two elements on the same page cannot have the same ID per HTML standards.

CSS
This is where you'll place what would normally go in your forum's style sheet or what would normally be between <style> tags. Try to code your mini-profile's HTML in a way that will allow you to target it specifically with your selectors. For example, you can surround all of the content in your HTML with a <div> element with a class and target that class and its child elements specifically with your CSS. That way you don't accidentally target every mini-profile on the page with CSS that was meant for the one you're building. One more thing: The forum theme's CSS still applies beforehand, so your mini-profile may look right in one theme but not in another. The best way to circumvent this is to define as many styles as you can to override the theme's CSS.

Javascript
Anything that normally goes between <script> tags will go here. This one's a bit tricky since you'll obviously want to target the custom mini-profile specifically. Luckily there's an easy way to do that. In your statements you can use the $(this) variable to target the mini-profile if you're coding using jQuery. Otherwise, if you only plan on using standard Javascript you can target $(this)[0] instead.

Once you've finished building your mini-profiles it's finally time to add them to the Edit Profile page for use! To enable selection of custom mini-profiles you'll first need to add two specific custom profile fields in Members > Custom Profile Fields in your forum's admin area:

Mini-Profile Theme
Staff Mini-Profile Theme

Mini-Profile Theme is for mini-profiles that are designed for member use. You can set the Who Can Edit option for this field to Staff With Power if you only want staff to be able to choose mini-profiles for users. Otherwise, if you want members to freely be able to choose their own mini-profiles you can choose Members and Staff With Power.

Staff Mini-Profile Theme is for mini-profiles designed specifically for staff use. This field is completely optional.

Set the type for both of these fields as Drop Down Selection. Click on the (View/Edit) link to add mini-profile names to each of these fields.

If you've just installed this plugin you should have three different mini-profiles already installed by default: Example 1, Example 2, and Example 3. You can add these to your dropdowns to test them out and see the plugin in action.

Click to show example

If you're having trouble getting this plugin to work despite following the instructions in the previous tabs you may want to check that each of your themes meets the prerequisites below in Themes > Layout Templates > Mini-Profile.

First, ensure that opening tag of your mini-profile template includes the $[miniprofile_class] variable in its class. On the default ProBoards theme it should look something like this:

<div class="$[miniprofile_class]">

Next, make sure that the default {foreach} loop for custom fields is present inside your mini-profile. It doesn't need to be visible, so you're free to add it inside a hidden element if you don't plan on displaying it or if it would mess up the appearance of your own custom template.

{foreach $[user.mini_custom_field]} <br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span> {/foreach}

Beyond that you can do whatever you like to the mini-profile template for the most part and it shouldn't negatively impact the plugin.

The following is a list of available variables for use in the HTML section of the mini-profile creator and their definitions. Adding any of these to a mini-profile will generate the content described in its definition in place of the variable so long as the information that variable outputs is visible to you.

To reference your forum's custom profile fields you can use $[user.customfieldname], substituting "customfieldname" with your custom field's name. You'll need to type the name in all lowercase with no spaces and only use characters A-Z and 0-9.

For example, Mini-Profile Theme becomes $[user.miniprofiletheme]. This will output the value of the custom field. In the case of this example, it'll be the name of the mini-profile theme you've chosen in your profile.

IMPORTANT NOTE: These will only work if you followed the steps in the Installation tab of this window on each of your themes. Any themes that do not include the template code specified there will not have these variables replaced in the mini-profile.

$[user]	User's display name link.
$[user.age]	User's age (if visible to you).
$[user.avatar]	User's current avatar.
$[user.badges]	User's list of badges.
$[user.birthday]	User's date of birth (if visible to you).
$[user.color]	Hex color of user's group. If user is not in a group this will return inherit.
$[user.custom_title]	User's custom title.
$[user.email]	User's email (if visible to you).
$[user.gender.image]	Image associated with the gender selected in the user's profile (if available).
$[user.gender.text]	Name of gender selected in the user's profile (if available).
$[user.group.name]	Name of user's current display group.
$[user.group.stars]	Star images associated with user's current display group.
$[user.id]	User's numerical ID.
$[user.instant_messenger]	User's list of instant messengers specified in their profile (if available).
$[user.invisible]	Returns 1 if a user is invisible. More useful for Javascript.
$[user.ip]	User's IP address (if visible to you).
$[user.is_online]	Returns Member is Online if user is currently online.
$[user.is_staff]	Returns 1 if a user is designated as staff. More useful for Javascript.
$[user.last_online]	Timestamp showing when user was last online.
$[user.likes]	Number of likes this user's posts have received.
$[user.location]	Location specified in user's profile.
$[user.name]	User's display name in plain text.
$[user.personal_text]	User's most recent status.
$[user.posts]	User's post count.
$[user.rank.name]	User's current posting rank.
$[user.rank.stars]	Star images associated with user's current posting rank.
$[user.registered_on]	Timestamp showing the date/time the user registered on the forum.
$[user.registered_on_short]	Condensed version of user's registration date.
$[user.social_network]	User's list of social networks specified in their profile (if available).
$[user.username]	Outputs the user's login username in plain text.
$[user.warning.bar]	User's warning bar (if it exists).
$[user.warning.level]	User's current warning level (if visible to you).
$[user.website]	Website specified in user's profile.

You can utilize the $(this) variable in the Javascript component to target the mini-profile <div> element. For example, if you wanted to add a class to the mini-profile you can use:

$(this).addClass('class-name-here');

Profile variables can also be used in the Javascript component in this plugin. In Javascript the value undefined is used to signify that a value doesn't exist for the variable you've specified. With this in mind you can use profile variables in Javascript conditional statements within the plugin similar to how they're used in the actual layout templates section of the admin area.

if(variable) will only run if the variable you specify has a value.
if(!variable) will only run if the variable you specify has no value.

Example 1 (variable has value):

if(user.group){ $(this).find('.group').show(); }

If the user has their group displayed in their profile the above Javascript would make the HTML below visible if you had it hidden with CSS.

<div class="group">$[user.group.name]<br />$[user.group.stars]</div>

Example 2 (variable has no value):

if(!user.gender){ $(this).find('.gender').hide(); }

If the user's gender isn't visible the above Javascript would hide the gender icon generated by the HTML with the "gender" class below.

<div class="gender">$[user.gender.image]</div>

The material posted on this site is for discussion and entertainment purposes only.
All articles and images retain the copyright of their respective authors and owners.

Suggested Plugins

Post by Deleted on Oct 18, 2015 13:57:43 GMT -5

Post by Alan Vende on Oct 18, 2015 15:43:17 GMT -5

Post by Deleted on Oct 18, 2015 19:16:48 GMT -5

Post by Alan Vende on Oct 18, 2015 19:19:12 GMT -5

Post by Alan Vende on Oct 18, 2015 19:21:23 GMT -5

Post by Deleted on Oct 18, 2015 19:24:11 GMT -5

Post by Alan Vende on Oct 18, 2015 19:25:02 GMT -5

Post by Deleted on Oct 18, 2015 19:32:19 GMT -5

Post by Alan Vende on Oct 18, 2015 19:33:36 GMT -5

Post by Deleted on Oct 18, 2015 19:34:24 GMT -5

Post by Alan Vende on Oct 18, 2015 19:35:53 GMT -5

Post by Alan Vende on Oct 19, 2015 7:36:02 GMT -5

Post by Deleted on Oct 30, 2015 17:01:49 GMT -5

Post by Alan Vende on Oct 30, 2015 18:55:03 GMT -5

Post by Alan Vende on Nov 12, 2015 15:20:03 GMT -5

Quick Reply