Jump to content
  • Sign Up

Forums

Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Matthew Hawkins

Additional Icons on Personnel Roster?

Recommended Posts

Customer

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.

Share this post


Link to post
Share on other sites
Staff

They have customized their HTML template files. Maybe @Arthur Cantu can provide some insight on how he achieved this.

Share this post


Link to post
Share on other sites
Beta Tester

@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

Share this post


Link to post
Share on other sites
Staff

Thanks for the tutorial @ClanHBS!

Share this post


Link to post
Share on other sites
Beta Tester

My pleasure @Jon Erickson I am currently working on a general how too's with video clips for most of the common edits.. so stay tuned 🙂

Edited by ClanHBS

Share this post


Link to post
Share on other sites
Staff

Fantastic! Much needed.

Share this post


Link to post
Share on other sites
Beta Tester

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>

 

Share this post


Link to post
Share on other sites

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.

Sign in to follow this  

×
×
  • 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.