The Original Hover Mini-Profile with colors & staff!

[reddreddragon]

I know I am late to the party but I am new at coding like completely new I ran across this mini profile template and it is the very first thing I tried my hand at and I and I got it going pretty well however I cannot seem to get the Mp3 Link to work I do not know where it is supposed to be in order to get it to work either I am assuming it is:

</div>


{foreach $[user.mini_custom_field]}

{if $[user.mini_custom_field.name] == "MP3 Link"}

<div class="leifbox" style="float:left;width:180px;height:20px;text-align:center;margin-top:5px;margin-left:10px;line-height:20px;">

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="100%" height="100%"><param name="Movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="wmode" value="transparent"/><param name="FlashVars" value="mp3=$[user.mini_custom_field.value]"/><br></object>

</div>

though I do not know what to do with it to get it to work I played around with a few things and nothing got it working...well nothing that I could think off anyway

Help a Noob out

NVM kept playing with it and figured out that I forgot that I named the Mp3 Link "Mp3 Link" and not "MP3 Link" told ya I was a noob

[Concept]

Will these codes work with PB v.5?

[.·´¯`·->Kris<-·´¯`·.]

This is perfect for what I have been needing!

[leif]

Feb 19, 2016 18:00:10 GMT -8 Concept said:

Will these codes work with PB v.5?

This is a v5 code.

[sunzhao]

I'm attempting to use this with Alters, I have it working so far with NPC Profiles. But I'm stumbling because I need the code to be usable by 3 Alters per account. 1 Alter is easy to work, but I don't have the technical knowledge of scripting to figure the IF out.

Basically I'm referencing Alter_Personal_Text as a numeric value.

The way it should work, in theory, is this:

IF A_P_T == 1, check custom field Alter Hover 1 for the background of the hover image.
If A_P_T == 2, check custom field Alter Hover 2, and so on for Alter Hover 3.

The stumbling part is I don't know how the IF should look. I know I need to edit in the Foreach Custom Field, if Custom Field is named Hover Image part of your code. But from there, I don't know how to write it and make it work.

I feel that this should be possible, just I haven't the experience needed.


<div style="width:100%;height:300px;background-image: url('http://storage.proboards.com/5598878/i/V4FVmNuKAkTX5MxkH7M9.png');
{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Hover Image"}
background-image:url('$[user.mini_custom_field.value]');{/if}{/foreach}
background-size:cover;text-align:center;clear:both;">

I know enough that this is where I need to edit. Just not exactly how. I can't find an example to work from.

It's a great code though. I got it working for our normal mini-profiles, and tweaked it to work with all the NPC profiles we use, Alters is the last side of the triangle, if I can make this work it will be truly great.

[leif]

Unfortunately I have never used Alters. I'll have to look into it when I have time. Unfortunately my time is a high commodity right now. I just got back from WeHo and am on my way out again.

I apologize.

[nanoregion]

Hai~ Thank you so much for this code!
I am using it HERE
However, I cannot figure out the mini profile and why the avatar image won't align above the text 

[unicornism]

Wow thanks so much for this. The profiles look incredible.

[camy]

Hello, I was referred to this thread by helping a friend and we realized that the external javascript hosted is now suspended. I managed to grab it via waybackmachine and will be posting it here for others to save ^^


// This is for ProBoards leif's mini profile; using accordion jss via radio buttons
$(document).ready(function(){
  $('.ac-container input:radio').change(function(){
     var $label = $(this).parent();
     $label.siblings().filter(function(){
        return !!$(this).find('input:radio').length;
     }).next().removeClass('article-show');
     if(this.checked){
        $label.next().addClass('article-show')
     }
  });
});
proboards.on('pageChange', function() { $(document).ready(function(){
  $('.ac-container input:radio').change(function(){
     var $label = $(this).parent();
     $label.siblings().filter(function(){
        return !!$(this).find('input:radio').length;
     }).next().removeClass('article-show');
     if(this.checked){
        $label.next().addClass('article-show')
     }
  });
}); });
proboards.on('afterSearch', function() { $(document).ready(function(){
  $('.ac-container input:radio').change(function(){
     var $label = $(this).parent();
     $label.siblings().filter(function(){
        return !!$(this).find('input:radio').length;
     }).next().removeClass('article-show');
     if(this.checked){
        $label.next().addClass('article-show')
     }
  });
}); });

[Eclipse]

Hello We've got an issue recently with this mini profile - you can only see the "in character" part and it doesn't change to "out of character" when you click on it. Does anyone have any idea how to fix this?

Many thanks in advance.

[Eclipse]

Is there anyone out there who can help?

[Aegean]

Hey Eclipse ! Copy the code in the post above yours. Then go to Admin > Structure > Headers & Footers > Global Header & Footer and add the code to the bottom of the Header. To make it work you have to also add <script> and </script> around it.

I hope this helps.

[Gremalkyn]

camy, Aegean: I just popped on to say thank you! My code stopped working and I couldn't figure out what was wrong. Came back here and saw this fix. Wanted to say thank you to you both for the valuable information! =]

[Aegean]

No problem Gremalkyn

[Eclipse]

Mar 2, 2019 15:34:45 GMT -8 Aegean said:

Hey Eclipse ! Copy the code in the post above yours. Then go to Admin > Structure > Headers & Footers > Global Header & Footer and add the code to the bottom of the Header. To make it work you have to also add <script> and </script> around it.

I hope this helps.

Thank you so much!!!