Otherwise, if you only plan on using standard Javascript you can target $(this) instead. In your statements you can use the $(this) variable to target the mini-profile if you're coding using jQuery. This one's a bit tricky since you'll obviously want to target the custom mini-profile specifically. The best way to circumvent this is to define as many styles as you can to override the theme's CSS.Īnything that normally goes between tags will go here. 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. That way you don't accidentally target every mini-profile on the page with CSS that was meant for the one you're building.
For example, you can surround all of the content in your HTML with a element with a class and target that class and its child elements specifically with your CSS.
#NIDHOGG MINION CODE#
Try to code your mini-profile's HTML in a way that will allow you to target it specifically with your selectors. This is where you'll place what would normally go in your forum's style sheet or what would normally be between tags. Two elements on the same page cannot have the same ID per HTML standards. 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. 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. This is the HTML that will go inside your mini-profile. 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. This is the name you'll be adding to your custom profile field dropdown once you've finished coding the mini-profile. Here's a quick rundown of each of the components in Plugins > Manage > Custom Mini-Profile Creator:
#NIDHOGG MINION FREE#
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. 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.
Once you've added the HTML from the Layout Templates tab you're ready to move on to building your mini-profiles. For example, if you have no plans to ever add a user's IP to their mini-profile for staff reference you can remove $ from the code and everything else will still work just fine. 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. This needs to be done on every theme you have the plugin enabled on as the template is theme-specific. 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 tag. 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. This step is essential as it gives the plugin everything it needs on the page to get as much profile information as possible.
0 kommentar(er)
