Jump to content

Forums

Additional Icons on Personnel Roster?


Recommended Posts

On the 3rdID website each user has custom icons next to their name in the roster. How would I go about adding a Steam icon to each member in the roster that links back to their Steam Profile? I already have a custom field set for each Steam Profile, so I have the data, I'm just not sure how to display it.

Link to comment
Share on other sites

  • 11 months later...

@Matthew Hawkins Here is how I accomplished that edit

  1. Create Custom Field with the name:  Profile / Steam / Country
  2. set the type to: code and leave the field format empty and click save

Now under the Personnel tab click settings, once in the Personnel Settings click on Customize at the top right. From here you will need to scroll to the bottom and click Add Another. you will click on the drop down arrow and find the custom field you created in the list and click it. You will need to set a width I found 2 works the best "FYI" you have to remember all columns combined widths must equal to 12 you may have to set on of the other columns widths smaller to give you the extra to create your new column. Type ipsType_center and ipsPad_half in the blank line under Css classes:

Great click save but double check again that all your columns widths combined equal to 12.

Under the Personnel Tab click Soldiers and choose the member you wish to edit and click there name, now click on Custom Fields you should now see your custom field you created with a blank text box to the right of it you will need to take the following code and copy and paste this to that empty block be sure to edit the block to work for the member you are editing Hope this helps if you would like to see how this will look feel free to View Here:

<div class="ipsGrid_span2 ipsType_center ipsResponsive_hidePhone">
<ul class="ipsList_inline ipsPad_half ipsType_center">

<!-- Here you will enter the members HBS website profile url -->
<!-- ------------------------------------------------------- -->
<li>
<a href="http://hellboundsoldiers.org/forums/profile/2-kgb/" data-ipshover="" data-ipshover-target="http://hellboundsoldiers.org/forums/profile/2-kgb/?do=hovercard" class="" title="Go to profile." id="">
<strong class="ipsOnlineStatus ipsOnlineStatus_offline">
<i class="fa fa-user fa-lg"></i>
</strong>
</a>
</li>
  
<!-- Here you will enter the members Steam Profile url -->
<!-- ------------------------------------------------- -->  
<li>
<a href="https://steamcommunity.com/id/_KgB/" target="_blank" rel="noopener">
<i class="fa fa-steam-square fa-lg ipsPos_center"></i>
</a>
</li>
    
<!-- Here you will enter the members flag-icon -->
<!-- ------------------------------------------------- -->  
<li>
<span class="flag-icon flag-icon-us" data-ipstooltip="" _title="United States"></span>
</li>
</ul>
</div>

 

Edited by ClanHBS
Link to comment
Share on other sites

It seems that the call tags for the country flag have changed a bit in the 4.4.10 IPB update below is the updated code

 

<div class="ipsGrid_span2 ipsType_center ipsResponsive_hidePhone">
<ul class="ipsList_inline ipsPad_half ipsType_center">

<!-- Here you will enter the members HBS website profile url -->
<!-- ------------------------------------------------------- -->
<li>
<a href="http://hellboundsoldiers.org/forums/profile/2-kgb/" data-ipshover="" data-ipshover-target="http://hellboundsoldiers.org/forums/profile/2-kgb/?do=hovercard" class="" title="Go to profile." id="">
<strong class="ipsOnlineStatus ipsOnlineStatus_offline">
<i class="fa fa-user fa-lg"></i>
</strong>
</a>
</li>
  
<!-- Here you will enter the members Steam Profile url -->
<!-- ------------------------------------------------- -->  
<li>
<a href="https://steamcommunity.com/id/_KgB/" target="_blank" rel="noopener">
<i class="fa fa-steam-square fa-lg ipsPos_center"></i>
</a>
</li>
    
<!-- Here you will enter the members flag-icon -->
<!-- ------------------------------------------------- -->  
<li>
<span class="ipsFlag ipsFlag-us" data-ipstooltip="" _title="United States"></span>  
</li>
</ul>
</div>

 

Link to comment
Share on other sites

  • 2 years later...

Is there an update to this as I've tried this and it didn't work?

On 3/1/2020 at 4:15 PM, ClanHBS said:

It seems that the call tags for the country flag have changed a bit in the 4.4.10 IPB update below is the updated code

 

<div class="ipsGrid_span2 ipsType_center ipsResponsive_hidePhone">
<ul class="ipsList_inline ipsPad_half ipsType_center">

<!-- Here you will enter the members HBS website profile url -->
<!-- ------------------------------------------------------- -->
<li>
<a href="http://hellboundsoldiers.org/forums/profile/2-kgb/" data-ipshover="" data-ipshover-target="http://hellboundsoldiers.org/forums/profile/2-kgb/?do=hovercard" class="" title="Go to profile." id="">
<strong class="ipsOnlineStatus ipsOnlineStatus_offline">
<i class="fa fa-user fa-lg"></i>
</strong>
</a>
</li>
  
<!-- Here you will enter the members Steam Profile url -->
<!-- ------------------------------------------------- -->  
<li>
<a href="https://steamcommunity.com/id/_KgB/" target="_blank" rel="noopener">
<i class="fa fa-steam-square fa-lg ipsPos_center"></i>
</a>
</li>
    
<!-- Here you will enter the members flag-icon -->
<!-- ------------------------------------------------- -->  
<li>
<span class="ipsFlag ipsFlag-us" data-ipstooltip="" _title="United States"></span>  
</li>
</ul>
</div>

 

Edited by ItzMatt019
Link to comment
Share on other sites

  • 2 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.