Matthew Hawkins Posted March 6, 2019 Share Posted March 6, 2019 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. Quote Link to comment Share on other sites More sharing options...
Administrators Jon Erickson Posted March 6, 2019 Administrators Share Posted March 6, 2019 They have customized their HTML template files. Maybe @Arthur Cantu can provide some insight on how he achieved this. Quote Owner Deschutes Design Group LLC email | jon@deschutesdesigngroup.com Link to comment Share on other sites More sharing options...
ClanHBS Posted February 23, 2020 Share Posted February 23, 2020 (edited) @Matthew Hawkins Here is how I accomplished that edit Create Custom Field with the name: Profile / Steam / Country 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 February 23, 2020 by ClanHBS Quote Link to comment Share on other sites More sharing options...
Administrators Jon Erickson Posted February 23, 2020 Administrators Share Posted February 23, 2020 Thanks for the tutorial @ClanHBS! Quote Owner Deschutes Design Group LLC email | jon@deschutesdesigngroup.com Link to comment Share on other sites More sharing options...
ClanHBS Posted February 26, 2020 Share Posted February 26, 2020 (edited) 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 February 26, 2020 by ClanHBS Quote Link to comment Share on other sites More sharing options...
Administrators Jon Erickson Posted February 26, 2020 Administrators Share Posted February 26, 2020 Fantastic! Much needed. Quote Owner Deschutes Design Group LLC email | jon@deschutesdesigngroup.com Link to comment Share on other sites More sharing options...
ClanHBS Posted March 2, 2020 Share Posted March 2, 2020 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> Quote Link to comment Share on other sites More sharing options...
Matthew Cadena Posted October 27, 2022 Share Posted October 27, 2022 (edited) 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 October 27, 2022 by ItzMatt019 Quote Link to comment Share on other sites More sharing options...
Administrators Jon Erickson Posted November 8, 2022 Administrators Share Posted November 8, 2022 On 10/27/2022 at 11:59 AM, ItzMatt019 said: Is there an update to this as I've tried this and it didn't work? Which part isn’t working? Quote Owner Deschutes Design Group LLC email | jon@deschutesdesigngroup.com Link to comment Share on other sites More sharing options...
Matthew Cadena Posted November 11, 2022 Share Posted November 11, 2022 On 11/8/2022 at 2:19 PM, Jon Erickson said: Which part isn’t working? I tried to do it as it said and it just gave me the bare code instead of the icons. Quote Link to comment Share on other sites More sharing options...
Matthew Cadena Posted November 11, 2022 Share Posted November 11, 2022 It's showing this. Quote Link to comment Share on other sites More sharing options...
Administrators Jon Erickson Posted November 16, 2022 Administrators Share Posted November 16, 2022 @Matthew Hawkins can you weigh in? Quote Owner Deschutes Design Group LLC email | jon@deschutesdesigngroup.com Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.