Adding Stats to Profile

[Decadence]

finalsunrise.proboards.com/

site above







finalsunrise.proboards.com/user/1

here is a sample profile



I'd like to list stats above the item little section in it's own little table similar to the items one. I formally had them listed under my profile icon in my old layout but that would be too much for the profile I think. Is there a way to keep it editable for admins and list it where I would like it? Any help would be great. ^^
I currently have the stats editable in the "custom profile field." I feel like this is a simple code job but I don't have the skills do to it. I would really appreciate some help ! 


Here is what I'm looking to have done please click here

^^

STATS needed


Attack



Defense



Speed



Intelligence



Endurance



Thank youuuuuu !

[Former Member]

I believe Woop is the one with a stats plugin out currently, does it suit your needs at all (though warning it's in a major test phase right now) or could you explain more what it is you're looking for? Your post is slightly vague in exactly what you want the plugin to do.

[Wormopolis]

you can make custom profile fields staff editable only btw

[Decadence]

₪» ⅀ ƪ Ƒ «₪ Wormopolis

Elf, Thanks but for some reason it didn't show up on the mini profile maybe because of the theme coding but I'm posting a link below to show you guys what I would like done.

Wormopolis, Thank chuuu I thought it was only staff editable but one of my staff might have changed it. xD

Here is what I'm looking to have done please click here

[Former Member]

But I meant moreso how do you want it gained? Do you just want a plugin that puts these custom profile field sinto that popup that you want? Or are you wanting something that actually acquires stats in a particular way, i.e. post count. You also might want to look into the Awards plugin, that allows you to put things into a popup and you could give them stats through it. I use the Awards plugin for items/inventory on my site personally

[Decadence]

I'd prefer a plugin that puts it into a not pop up but more like a click and expand menu to see more. I don't want post count to influence the stats at all. They are earned through completed threads/site events only.

[Former Member]

Hmmm.. I have a javascript code that would let you do that. You can designate a picture or text or whatever you want that, once clicked, expands to show the rest of the content. You can format the expandable content and the clickable content however you want. Clicking it a second time closes it. If you're interested in that, let me know and I'll post it for you. You could put the custom profile fields in there and it should achieve everything you want thusly

[Decadence]

That would be great thank you ^^

[Decadence]

bump

[Former Member]

Sorry for the delay. Go to Admin > Structure > Headers/Footers > Global Header and put
<script type="text/javascript">
$(document).ready(function(){
  $('.click-to-expand').click(function(){
     $(this).parent().nextAll('.hide-and-show').first().slideToggle('slow');
  });
});
</script>

Then go to Admin > Structure > Layout Templates > User Profile > Summary
Where exactly this goes in the layout template will depend on your code. Based on your screenshot, you have a customized profile so if you want help with where to put the code, then please copy/paste your Summary layout template here so I can show you. Otherwise, if you'd like to place it yourself, you're going to be using a code similar to this one, feel free to customize:

<center><div><a class="click-to-expand"> <div style="PUT ALL YOUR CSS DECORATIVE CODING HERE">THE TEXT YOU WANT TO CLICK TO EXPAND, I.E. "ITEMS"</div></a></div>
<div class="hide-and-show" style="display: none;">
<div style="PUT ALL YOUR CSS DECORATIVE CODING HERE">
{foreach $[user.custom_field]}
{if $[user.custom_field.name] == "Attack"}
$[user.custom_field.name]: $[user.custom_field.value]<br />
{elseif $[user.custom_field.name] == "Defense"}
$[user.custom_field.name]: $[user.custom_field.value]<br />
{elseif $[user.custom_field.name] == "Speed"}
$[user.custom_field.name]: $[user.custom_field.value]<br />
{elseif $[user.custom_field.name] == "Intelligence"}
$[user.custom_field.name]: $[user.custom_field.value]<br />
{elseif $[user.custo_field.name] == "Endurance"}
$[user.custom_field.name]: $[user.custom_field.value]<br />
{/if}
{/foreach}
</div>
</div></center>

So where it first has "put all your css decorative coding here," that's where you're going to style how you want the clickable content to look. Bold, font size, family, etc. If you want help styling it, just let me know what you want it to look like and I'll help.

Next is "the text you want to click to expand"-- It could be an image or a word(s), such as "Items" and this will be what people click to make the other stuff show up. The second "put all your css decorative coding here" is the styling for the text that will reveal itself once you click the other word(s)/image, and again if you want help formatting it (borders, background colors, letter spacing, etc.) just let me know.

I made the code assuming you already have the custom profile fields made and that they are named Attack, Defense, Speed, Intelligence, and Endurance. If there are any formatting changes you want done to how they show up (right now they are just Name: Value so Attack: 2) just let me know or fiddle with it yourself.

[Decadence]

That is the layout templated | userprofile summary

The coding would need to be the same as the shop one with the grayish background. 

I added it to the site but it is below my recent threads info when I would like it above the shop area.

Thanks for your help thus far



<!-- PROFILE SUMMARY REMODEL // CREDIT TO ALISHA OF ADOXOGRAPHY.BOARDS.NET -->
$[form.header]
<table>
<tr>
<td id="center-column" width="66%">
{if $[can.update_status]}
<div class="content-box center-col">
<table>
<tr>
<td class="status-input">
$[form.update.input]
</td>
<td class="status-submit">
$[form.submit.button]
</td>
</tr>
</table>
</div>
{/if}
{if $[user.warning.bar]}
<div class="content-box center-col">
<table><tr><td class="warning-table-td">Warning Level: </td><td>$[user.warning.bar]</td></tr></table>
</div>
{/if}
{if $[user.badges]}
<div class="content-box center-col $[user.badges_container_class]">
{foreach $[user.badges]}$[user.badges]{/foreach}
$[user.gift_link]
</div>
{/if}
<div class="content-box center-col">
<table>
<tr>
<td class="headings">Latest Status:</td>
<td>$[user.personal_text]</td>
</tr>
{if $[user.email]}
<tr>
<td class="headings">Email:</td>
<td>$[user.email]</td>
</tr>
{/if}
{if $[user.website]}
<tr>
<td class="headings">Web Site:</td>
<td>$[user.website]</td>
</tr>
{/if}
{if $[user.birthday]}
<tr>
<td class="headings">Birthday:</td>
<td>$[user.birthday]</td>
</tr>
{/if}
{if $[user.age]}
<tr>
<td class="headings">Age:</td>
<td>$[user.age]</td>
</tr>
{/if}
{if $[user.gender]}
<tr>
<td class="headings">Gender:</td>
<td>$[user.gender.text]</td>
</tr>
{/if}
{if $[user.location]}
<tr>
<td class="headings">Location:</td>
<td>$[user.location]</td>
</tr>
{/if}
<tr>
<td class="headings">Posts:</td>
<td>$[user.posts]</td>
</tr>
<tr>
<td class="headings">Date Registered:</td>
<td>$[user.registered_on]</td>
</tr>
{foreach $[user.custom_field]}
<tr class="$[user.custom_field.content_class]">
<td class="headings">
$[user.custom_field.name]:
</td>
<td>
$[user.custom_field.value]
</td>
</tr>
{/foreach}
</table>
</div>
{if $[user.social_exists]}
<div class="content-box center-col">
{if $[user.social_network]}
<div class="social networks">
<h4>Social Networks</h4>
{foreach $[user.social_network]}
$[user.social_network]<br />
{/foreach}
</div>
{/if}
{if $[user.instant_messenger]}
<div class="social messengers">
<h4>Instant Messengers</h4>
{foreach $[user.instant_messenger]}
$[user.instant_messenger]<br />
{/foreach}
</div>
{/if}
</div>
{/if}
<div class="content-box center-col">
$[recent_posts_link]<br />
$[recent_threads_created_link]
</div>
{if $[user.signature]}
<div class="content-box center-col">
Signature <hr />
$[user.signature]
</div>
{/if}
</td>
           <td valign="top" width="220px;">
               {if $[following]}
                <div id="following" class="content-box right-col">
                <h4><div class="followlink">$[view_following_link]</div></h4>
                {foreach $[following]}
                <div class="mini-user">
                <div class="mini-avatar" style="width:75px;height:75px;border:4px solid #000;">
<a href="$[following.href]" title="$[following.name]">$[following.avatar_medium]</a>
                </div>
                </div>
                {/foreach}
                </div>
               {/if}
               {if $[follower]}
                <div id="followers" class="content-box right-col">
                <h4><div class="followlink">$[view_followers_link]</div></h4>
                {foreach $[follower]}
                <div class="mini-user">
                <div class="mini-avatar" style="width:75px;height:75px;border:4px solid #000;">
                <a href="$[follower.href]" title="$[follower.name]">$[follower.avatar_medium]</a>
                </div>
                </div>
                {/foreach}
                </div>
               {/if}
           </td>
</tr>
</table>
$[form.footer]

<!-- PROFILE SUMMARY REMODEL // CREDIT TO ALISHA OF ADOXOGRAPHY.BOARDS.NET -->


[Decadence]

bump

[Decadence]

bumpity

[Former Member]

Is the shop area provided by a plugin?

[Decadence]

I believe so, it's the Gold Shop plugin.