Alters [library support]

[Wormopolis]

Screenshot only tells me that the alters aren't displaying avatars. I need a URL to watch the code run

[Clannibal]

What if I just want the normal OP's post count as the displayed count? Is that possible?

im also confused about the post count %, how it works and it's purpose.  Can you explain that a little more in depth?  I tried some number like 100% and 99% but it didn't consider it a valid number.

[Wormopolis]

Don't put the "%" in there. Just a number.

The point of that was to make it look like the alter was increasing post count without actually tracking real posts (that can be done with companion). Let's say you had 3 alters attached to you. You wanted it to seem like alter 1 made 25% of your total posts, alter 2 made 40%, and alter 3 made 15%. It would take your actual total posts and calculate the % and say the alter made that many posts.

If you want all your alters to show your actual total post count, just leave that box blank.

[Clannibal]

Oh ok! Thank you for the explanation. Well, I did leave the box blank, but it also left the count blank as well.

Here's an alter in use showing this: wearestranded.proboards.com/thread/286/alters-requests?page=1&scrollTo=855

[Wormopolis]

Interesting. And what if you put 100 ?

[Clannibal]

Ah, that seems to have done the trick. Thanks!

[kaima]

Hello mate and thank you for the great plugin. It's a great help.

However, I have some issues due to vanity. I did change my forum template to a fancy one (http://support.proboards.com/thread/495274/blue-inked-parchment) and it has also a quite complicated hover mini profiles. The code seems to be bypassing the alters completely.

Code is as it follows:


<!-- PROFILE HOVER BY TRINITY BLAIR OF ADOXOGRAPHY, DO NOT STEAL -->

<div class="mini_profile" style="margin-bottom:10px;">

{if $[user.is_staff]}

<!-- THIS IS YOUR MEMBER'S USERNAME, THE WIDTH MUST BE THE SAME AS THE AVATAR -->

<div style="text-align:center;margin-left:10px;margin-top:5px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;">$[user]</div>

<!-- THIS IS YOUR AVATAR, MAKE SURE YOU CHANGE THE HEIGHT AND WIDTH APPROPRAITELY TO HOW TO YOU WANT, I HAVE ALL AVATARS FOR THIS CODE BEING 200 BY 300 -->

<div class="my_avatar" width="220px" height="350px" align="center">$[user.avatar]</div>

<div class="profilemini">

<div class="info">

<table width="100%">

<!-- THIS IS THE INNER TABLE WITH THE WHITE BACKGROUND, IF YOU WANT TO ADD ANYTHING INTO THIS TABLE DO IT AFTER THIS DIV STYLE -->

<!-- IF YOU DON'T WANT TO SEE THE AVATAR ON HOVER, CHANGE THE TOP:20PX AND LEFT20PX TO TOP:10PX AND LEFT:10PX AND 180x280PX TO 200x300PX -->

<div style="position:relative;top:0px;left:10px;background-color:#aaa786;border-left:5px solid #76775f;border-right:5px solid #76775f;border-top:10px solid #76775f;border-bottom:10px solid #76775f;width:210px;height:330px;">

<center>

<div style="width:200px;height:14px;background-color:#b1ae8c;padding:5px;text-align:center;margin-top:10px;">$[user.custom_title]</div>

<div style="width:190px;height:20px;font-size:10px;background-color:#c1bd96;padding:5px;text-align:center;margin-top:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;">$[user.personal_text]</div>

<div style="float:left;height:100px;width:100px;margin-top:15px;margin-left:5px;margin-right:5px;">

{foreach $[user.custom_field]}

{if $[user.custom_field.name] == "100x100 Image"}

<span class="$[user.custom_field.content_class]">

<img src="$[user.custom_field.value]" /></span>

{/if}

{/foreach}

</div>

<div style="float:left;height:21px;width:95px;margin-top:15px;margin-bottom:5px;background-color:#257771;color:#ececec;padding-top:9px;font-size:10px;">$[user.age] years old</div>

<div style="float:left;height:21px;width:95px;margin-bottom:5px;background-color:#257771;color:#ececec;padding-top:9px;font-size:10px;">$[user.gender.text]</div>

<div style="float:left;height:22px;width:95px;background-color:#257771;color:#ececec;padding-top:8px;font-size:10px;"><a href="$[user.pm_href]"><font color="#bdbdbd">Send me a PM</font></a></div>

<br clear="all">

<div style="width:200px;height:14px;background-color:#b1ae8c;padding:5px;text-align:center;margin-top:15px;">{if $[user.is_online]}<b>USER IS ONLINE</b>{else}<i>USER IS OFFLINE</i>{/if}</div>

<div style="text-align:center;font-size:20px;margin-top:15px;color:#32332c;"><font color="#257771">$[user.posts]</font> POSTS </div>

<div style="width:210px;height:27px;background-color:#257771;margin-top:15px;"></div>

</center>

<!-- ADD WHAT YOU WANT TO APPEAR INSIDE THE WHITE TABLE HERE -->

</div>

<!-- THIS IS THE END OF THE WHITE INNER TABLE CODE SO DON'T ADD ANYTHING BELOW THIS LINE UNLESS YOU WANT SOMETHING NOT TO APPEAR IN THE WHITE TABLE -->

</table>

</div>

</div>

</div>

<div style="text-align:center;text-transform:uppercase;margin-left:10px;margin-top:-10px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;">$[user.group.name]</div>

{elseif $[user.is_member]}

<!-- THIS IS YOUR MEMBER'S USERNAME, THE WIDTH MUST BE THE SAME AS THE AVATAR -->

<div style="text-align:center;margin-left:10px;margin-top:5px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;">$[user]</div>

<!-- THIS IS YOUR AVATAR, MAKE SURE YOU CHANGE THE HEIGHT AND WIDTH APPROPRAITELY TO HOW TO YOU WANT, I HAVE ALL AVATARS FOR THIS CODE BEING 200 BY 300 -->

<div class="my_avatar" width="220px" height="350px" align="center">$[user.avatar]</div>

<div class="profilemini">

<div class="info">

<table width="100%">

<!-- THIS IS THE INNER TABLE WITH THE WHITE BACKGROUND, IF YOU WANT TO ADD ANYTHING INTO THIS TABLE DO IT AFTER THIS DIV STYLE -->

<!-- IF YOU DON'T WANT TO SEE THE AVATAR ON HOVER, CHANGE THE TOP:20PX AND LEFT20PX TO TOP:10PX AND LEFT:10PX AND 180x280PX TO 200x300PX -->

<div style="position:relative;top:0px;left:10px;background-color:#aaa786;border-left:5px solid #76775f;border-right:5px solid #76775f;border-top:10px solid #76775f;border-bottom:10px solid #76775f;width:210px;height:330px;">

<center>

<div style="width:200px;height:14px;background-color:#b1ae8c;padding:5px;text-align:center;margin-top:10px;">$[user.custom_title]</div>

<div style="width:190px;height:36px;font-size:10px;background-color:#c1bd96;padding:5px;text-align:center;margin-top:15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;">$[user.personal_text]</div>

<div style="width:60px;height:55px;background-color:#76775f;color:#d6d2aa;padding-top:5px;text-align:center;margin-top:15px;margin-left:5px;float:left;font-size:14px;"><b>

{foreach $[user.custom_field]}

{if $[user.custom_field.name] == "Character Age"}

<span class="$[user.custom_field.content_class]">

$[user.custom_field.value]</span>

{/if}

{/foreach}

<font size="1"><br />Years<br />Old</font></b></div>

<div style="float:left;width:135px;height:19px;margin-left:5px;margin-bottom:6px;background-color:#257771;color:#ececec;padding-top:8px;font-size:10px;margin-top:15px;">$[user.gender.text]</div><br />

<div style="float:left;width:135px;height:19px;margin-left:5px;background-color:#257771;color:#ececec;padding-top:8px;font-size:10px;">

{foreach $[user.custom_field]}

{if $[user.custom_field.name] == "Sexuality"}

<span class="$[user.custom_field.content_class]">

$[user.custom_field.value]</span>

{/if}

{/foreach}

</div>

<br clear="all">

<div style="float:left;width:97px;height:22px;background-color:#257771;color:#ececec;padding-top:8px;text-align:center;margin-top:10px;margin-left:5px;margin-right:6px;font-size:10px;">

{foreach $[user.custom_field]}

{if $[user.custom_field.name] == "Application"}

<span class="$[user.custom_field.content_class]">

<a href="$[user.custom_field.value]"><font color="#bdbdbd">Application</font></a></span>

{/if}

{/foreach}

</div>

<div style="float:left;width:97px;height:22px;background-color:#257771;color:#ececec;padding-top:8px;text-align:center;margin-top:10px;font-size:10px;">

{foreach $[user.custom_field]}

{if $[user.custom_field.name] == "Plotter"}

<span class="$[user.custom_field.content_class]">

<a href="$[user.custom_field.value]"><font color="#bdbdbd">Plotter</font></a></span>

{/if}

{/foreach}

</div>

<br clear="all">

<div style="width:200px;height:14px;background-color:#b1ae8c;padding:5px;text-align:center;margin-top:15px;">{if $[user.is_online]}<b>

{foreach $[user.custom_field]}

{if $[user.custom_field.name] == "Alias"}

<span class="$[user.custom_field.content_class]" style="text-transform:uppercase;">

$[user.custom_field.value]</span>

{/if}

{/foreach}

IS ONLINE</b>{else}<i>

{foreach $[user.custom_field]}

{if $[user.custom_field.name] == "Alias"}

<span class="$[user.custom_field.content_class]" style="text-transform:uppercase;">

$[user.custom_field.value]</span>

{/if}

{/foreach}

IS OFFLINE</i>{/if}</div>

<div style="text-align:center;font-size:20px;margin-top:15px;color:#32332c;"><font color="#257771">$[user.posts]</font> POSTS & <font color="#257771">$[user.likes]</font> LIKES</div>

<div style="width:210px;height:27px;background-color:#257771;margin-top:15px;"></div>

</center>

<!-- ADD WHAT YOU WANT TO APPEAR INSIDE THE WHITE TABLE HERE -->

</div>

<!-- THIS IS THE END OF THE WHITE INNER TABLE CODE SO DON'T ADD ANYTHING BELOW THIS LINE UNLESS YOU WANT SOMETHING NOT TO APPEAR IN THE WHITE TABLE -->

<!-- THIS IS YOUR MEMBER'S GROUP, SAME EDITS AS USERNAME ABOVE APPLY -->

</table>

</div>

</div>

</div>

<div style="text-align:center;text-transform:uppercase;margin-left:10px;margin-top:-10px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;">

{if $[user.group]}

$[user.group.name]

{else}

$[user.rank.name]

{/if}

</div>

{else}

<!-- THIS IS YOUR MEMBER'S USERNAME, THE WIDTH MUST BE THE SAME AS THE AVATAR -->

<div style="text-align:center;margin-left:10px;margin-top:5px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;">$[user]</div>

<div style="margin-left:10px;height:350px;width:220px;"><img src="http://placehold.it/220x350" /></div>

<div style="text-align:center;text-transform:uppercase;margin-left:10px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;">GUEST</div>

{/if}

<!-- THIS IS THE CSS -->

<style type="text/css">

.my_avatar {

position: absolute;

margin-left: 10px;

}

.profilemini {

width: 220px;

height: 350px;

opacity: 0;

-webkit-transition-duration: 1s;

transition-duration: 1s;

-moz-transition-duration: 1s;

}

.profilemini:hover {

width: 220px;

height: 350px;

opacity: 1;

}

</style>

<!-- END PROFILE HOVER BY TRINITY BLAIR OF ADOXOGRAPHY, DO NOT STEAL -->
Can you please help me and tell me what I should remove/modify/add in order for the alters to be showing accordingly both for staff and members?

Seems like the theme creator (Margie (: ) has been inactive for a while. You are my only hope obi wan

[Lynx]

Hi, kaima.

Without even having to go to far into the code, I noticed this (2nd line of your posted code):

<div class="mini_profile" style="margin-bottom:10px;">

The red part is not the standard mini-profile class. The plugin probably can't find the mini-profile class it needs to work. This is typical when the standard classes are renamed or removed - plugins that look for the standard classes can't find them and therefore can't run properly. I'll tag Wormopolis to see if this can be confirmed.

[kaima]

That's spot on. Sharp eye you have.

So I decided to check how that second line is on another template on which the alters are currently displaying. It's like that:

<div class="$[miniprofile_class]">

So this seems to be the correct thing. So I tried changing it to that into this theme as well. (My basic peasant logic took me as far as that)

This change broke the theme. Additionally, the alters were displayed alright, however, the hover effects didn't really do anything for them. Maybe I am hoping for too much.

You can check the attachment for further reference.

I also tried:

<div class="$[miniprofile_class]" style="margin-bottom:10px;">

(You can see, I have no idea what I'm doing xD)

Buuuuuuuuut it didn't do much, really. Same thing.

Thank you for your help.

Attachments:

[Lynx]

<div class="$[miniprofile_class]" style="margin-bottom:10px;">

The part in red is partly right - except that you tried to make the class read from a template variable. I make no guarantees this will work, but change that line above to this:

<div class="miniprofile_class" style="margin-bottom:10px;">

and see if that does anything to help. Keep in mind, however, that the template may be still looking for the class it had (mini_profile) and making this change could break the rest of the template.

[kaima]

Surprisingly, this change didn't break anything on the theme.
But it's also not showing the alters. ;( I'd rather give up from the hover mini-profiles than the alters tho'

[Lynx]

Hi, kaima.

Just to be safe, you can try just creating a new theme (Admin > Themes > Theme Manager > Create New/Import Theme (button)) and test the Alters on that. If it works there, then there's probably a lot of mods in the template going on and it would probably be easier to just make a new theme. Keep your current theme (don't forget to change that class back to "mini_profile" though) and you can still use that for other things, if you want. Without knowing all of the mods that were done to that them, it would be difficult to (1) track them all down; and (2) make all of the necessary changes to get standard classes put back in. That could conceivably take longer than throwing a new theme together - just be sure you don't change any of the standard classes on it.

[kaima]

Thanks for the suggestions. I might as well play around with it like that.

[Wormopolis]

This might be what both things need: give that dive two class names:

<div class="mini_profile mini-profile" style="margin-bottom:10px;">

[kaima]

Oh my god. Worm. You are a GENIUS. It worked like a charm. IT WORKED LIKE A CHARM.
You are great. You are perfect. You made someone in a far, far land very happy.
Thank you.

Someone give this man a cookie.