Help finishing mini-profile template... (resolved)

[Water Crystals]

Bump

[Water Crystals]

Bump

[Water Crystals]

Bump

[Water Crystals]

Bump.

I still need help with this, please.

[Sam]

Hello Water Crystals
On your first point, you said you don't want to use that avatar styling for staff, correct?

[Water Crystals]

Oh my gosh, thank you so much for a response!

Sam - that's correct. I don't want any of the modifications to affect staff accounts, where possible. Most of it is all RP stuff and they have no need. 

[Sam]

Mar 27, 2019 21:29:58 GMT -8 Water Crystals said:

Oh my gosh, thank you so much for a response!

Sam - that's correct. I don't want any of the modifications to affect staff accounts, where possible. Most of it is all RP stuff and they have no need. 

Happy to help!  :)  I saw you've been waiting for over a month...

Right, so usually you use an {if} statement. Now I don't know if you've used if statements before, but just to quickly explain, essentially what it does is detects whether a certain variable is true of a certain page or class. In this case I can have some code that goes in User profile:

{if $[user.is_staff]}
This user is staff
{else}
       This user is not staff
{/if}Then on every person who is staff will look like this: 


And every person who is not staff will look like this:


So using this technique you can come up with a way to surround your little bit of code with this if statement.
A few things to note: 
1. This goes directly in your html template code and you don't need any fancy js for that to work.
2. There are 2 types of staff variables: $[user.is_staff] and ${current.user.is_staff] Don't confuse these with each other as the latter will hide your selected code if the user viewing it isn't staff, whereas if you use the first it'll hide the code if the user it's applied to isn't staff.
DON'T GET THESE MIXED UP!!! :P

It may require some tweaking to get the {if} tags into the correct position, but if you know your stuff it should be easy.

[Sam]

Here we go Water Crystals
<div class="$[miniprofile_class]">
   <center>

       $[user]
       <br /> {if $[user.is_guest]}Guest
       <br />{/if} {if $[user.is_deleted]}<em>Deleted Member</em>
       <br />{/if} {if $[user.group]} $[user.group.name]

       <br />$[user.group.stars]
       <br /> {elseif $[user.rank]} $[user.rank.name]

       <br /> {if $[user.rank.stars]} $[user.rank.stars]

       <br /> {/if} {/if} {if $[user.custom_title]}$[user.custom_title]
       <br />{/if} $[user.warning.bar]

       <br /> {if $[user.is_member]}
   
       
       <div id="tabs_container">

           <ul id="tabs">
{if $[user.is_staff] == 0}
               <li class="active"><a href="#$[user.id]tab1">Main</a></li>

               <li><a href="#$[user.id]tab2">Info</a></li>

               <li><a href="#$[user.id]tab3">Student</a></li>
{/if}
           </ul>

       </div>

       <div id="tabs_content_container">

           <div id="$[user.id]tab1" class="tab_content" style="display: block;">

               {if $[user.avatar]}

               <div class="avatar">$[user.avatar]</div>
               <br /> {/if} {if $[user.personal_text.message]} $[user.personal_text] {/if}

               <span style="font-weight: bold;" class="money_text"></span><span class="money_symbol"></span><span class="money_amount"></span>
               <br />

               <span style="font-weight: bold;" class="headings">Posts:</span> $[user.posts] {if $[user.is_online]}
               <br /><span class="italic">Member is Online</span>{/if}

           </div>

           <div id="$[user.id]tab2" class="tab_content">

               <div class="Info">

                   {foreach $[user.mini_custom_field]}
                   

<!-- Change or add if statements and their code to add/change more fields. Only change the values with "⬇"  -->
                   
<!-- RPG profile -->   <!-- ⬇ -->
{if $[user.mini_custom_field.name] == "RPG Profile"}
                   <span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Blood Status --> <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Blood Status"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Pet Wand Broom --> <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Pet Wand Broom"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Marauder -->  <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Marauder"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Creatures -->  <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Creatures"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Herbology 2 --> <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Herbology 2"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Duelling -->  <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Duelling"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Flying -->     <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Flying"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Charms 2 -->  <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Charms 2"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Curses -->  <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Curses"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Potions 2 -->  <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Potions 2"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                   <!-- Defence -->  <!-- ⬇ -->
                   {/if}{if $[user.mini_custom_field.name] == "Defence"}
                   <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   {/if}
                   {/foreach}
                   

               </div>
               <br />
               {/if}

           </div>
           
           <div id="$[user.id]tab3" class="tab_content">
               {foreach $[user.mini_custom_field]}
                <!-- House Points -->  <!-- ⬇ -->
               {if $[user.mini_custom_field.name] == "House Points"}
               <span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                <!-- Potions Grade -->  <!-- ⬇ -->
               {/if}{if $[user.mini_custom_field.name] == "Potions Grade"}
               <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                <!-- History of Magic Grade -->  <!-- ⬇ -->
               {/if}{if $[user.mini_custom_field.name] == "History of Magic Grade"}
               <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                <!-- Transfiguration Grade -->   <!-- ⬇ -->
               {/if}{if $[user.mini_custom_field.name] == "Transfiguration Grade"}
               <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                <!-- DADA Grade --> <!-- ⬇ -->
               {/if}{if $[user.mini_custom_field.name] == "DADA Grade"}
               <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                <!-- Charms Grade --> <!-- ⬇ -->
               {/if}{if $[user.mini_custom_field.name] == "Charms Grade"}
               <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                <!-- Herbology Grade -->   <!-- ⬇ -->
               {/if}{if $[user.mini_custom_field.name] == "Herbology Grade"}
               <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
                   
                <!-- COMC Grade --> <!-- ⬇ -->
               {/if}{if $[user.mini_custom_field.name] == "COMC Grade"}
               <br /><span class="$[user.mini_custom_field.content_class]"> <span style="font-weight: bold;" class="headings">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
               {/foreach}
           </div>
           
       </div>
       <br />

       <script type='text/javascript'>
           $(document).ready(function() {

               $("#tabs li").click(function() {

                   currentprofile = $(this).parent().parent().parent().parent().parent().parent();

                   $("#tabs li", currentprofile).removeClass('active');

                   $(this).addClass("active");

                   $(".tab_content", currentprofile).hide();

                   var selected_tab = $(this).find("a").attr("href");

                   $(selected_tab, currentprofile).fadeIn();

                   return false;

               });

           });
       </script>

       <div class="awards $[user.id] $[user.name]"></div>
       <br />

       <div class="awards2 $[user.id] $[user.name]"></div>
<style>
#tabs_content_container {
   text-align: center;
   background: #453e34;
   border-width: 2px 2px 2px 2px;
   border-style: solid;
   border-color: #000000;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   padding: 10px;
}
</style>



[Water Crystals]

Thank you so much! Everything works and is how I wanted it.