Jump to content

Mods: Difference between revisions

From Once Human Guide
Newer edit →
Bones (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,328 edits
Created page with "[https://ohwikiguide.com Return to Front Page] <br> <div style="text-align: center; font-size: 150%;"> '''How to get specific Mods you are looking for''' </div> <br> ''Step 1:'' '''Go to Redemption Shop (F3 on PC)''' <br> ''Step 2:'' '''Click Mod Shop''' <br> ''Step 3:'' '''Click Credit Card Icon''' <br> ''Step 4:'' '''Buy Mod Selection Crate''' <br> ''Step 5:'' '''Open from Backpack → Consumables''' <br> ''Step 6:'' '''Pick your mod''' <br><br> <div style="max-wi..."
 
No edit summary
Line 1: Line 1:
[https://ohwikiguide.com Return to Front Page]
<html>
<a href="https://ohwikiguide.com">Return to Front Page</a>
<br>
<br>
<div style="text-align: center; font-size: 150%;">
<div style="text-align: center; font-size: 150%;">
'''How to get specific Mods you are looking for'''
<b>How to get specific Mods you are looking for</b>
</div>
</div>
<br>
<br>
 
<i>Step 1:</i> <b>Go to Redemption Shop (F3 on PC)</b>
''Step 1:'' '''Go to Redemption Shop (F3 on PC)'''
<br>
<br>
''Step 2:'' '''Click Mod Shop'''
<i>Step 2:</i> <b>Click Mod Shop</b>
<br>
<br>
''Step 3:'' '''Click Credit Card Icon'''
<i>Step 3:</i> <b>Click Credit Card Icon</b>
<br>
<br>
''Step 4:'' '''Buy Mod Selection Crate'''
<i>Step 4:</i> <b>Buy Mod Selection Crate</b>
<br>
<br>
''Step 5:'' '''Open from Backpack → Consumables'''
<i>Step 5:</i> <b>Open from Backpack &rarr; Consumables</b>
<br>
<br>
''Step 6:'' '''Pick your mod'''
<i>Step 6:</i> <b>Pick your mod</b>
 
<br><br>
<br><br>
<div style="max-width:900px; margin:0 auto;">
<div style="max-width:900px; margin:0 auto;">
 
<style>
/* ===== TABS ===== */
.mw-tab-buttons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #0b0f14;
  border-radius: 10px;
  padding: 4px;
  gap: 4px;
  margin-top: 8px;
}
.mw-tab-btn {
  flex: 1 1 80px;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
  color: #cfd6df;
  background: #11161c;
  border-radius: 6px;
  cursor: pointer;
}
.mw-tab-btn.active {
  background: linear-gradient(180deg, #1ec8ff, #0ea5e9);
  color: #001018;
}
/* ===== DROPDOWN UI ===== */
.dropdown {
  width: 100%;
  margin-top: 10px;
}
.dropdown select {
  width: 100%;
  padding: 10px;
  background: #11161c;
  color: #e6edf3;
  border: 1px solid #1f2a35;
  border-radius: 8px;
  font-size: 14px;
}
/* ===== OUTPUT PANEL ===== */
.output {
  margin-top: 10px;
  background: #0d1319;
  border: 1px solid #1f2a35;
  border-radius: 10px;
  padding: 12px;
}
.output-title {
  font-weight: 700;
  margin-bottom: 8px;
  color: #e6edf3;
}
.output-line {
  font-size: 13px;
  color: #9fb0c3;
  padding: 4px 0;
  border-top: 1px solid #1a222b;
}
.output-line:first-of-type {
  border-top: none;
}
.mw-tab-content {
  display: none;
}
.mw-tab-content.active {
  display: block;
}
.empty-note {
  margin-top: 10px;
  padding: 12px;
  background: #0d1319;
  border: 1px solid #1f2a35;
  border-radius: 10px;
  color: #9fb0c3;
  font-size: 13px;
  text-align: center;
}
</style>
<!-- MAIN TABS -->
<!-- MAIN TABS -->
<div class="mw-tab-buttons" style="flex-wrap:nowrap; overflow-x:auto;">
<div class="mw-tab-buttons" style="flex-wrap:nowrap; overflow-x:auto;">
   <div class="mw-tab-btn" data-tab="weapon">Weapon</div>
   <div class="mw-tab-btn active" data-tab="weapon">Weapon</div>
   <div class="mw-tab-btn" data-tab="helmet">Helmet</div>
   <div class="mw-tab-btn" data-tab="helmet">Helmet</div>
   <div class="mw-tab-btn" data-tab="top">Top</div>
   <div class="mw-tab-btn" data-tab="top">Top</div>
Line 34: Line 108:
   <div class="mw-tab-btn" data-tab="mask">Mask</div>
   <div class="mw-tab-btn" data-tab="mask">Mask</div>
</div>
</div>
<!-- ================= WEAPON ================= -->
<!-- ================= WEAPON ================= -->
<div id="weapon" class="mw-tab-content">
<div id="weapon" class="mw-tab-content active">
 
   <div class="mw-tab-buttons">
   <div class="mw-tab-buttons">
     <div class="mw-tab-btn" data-tab="weapon-burn">Burn</div>
     <div class="mw-tab-btn active" data-tab="weapon-burn">Burn</div>
     <div class="mw-tab-btn" data-tab="weapon-frost">Frost Vortex</div>
     <div class="mw-tab-btn" data-tab="weapon-frost">Frost Vortex</div>
     <div class="mw-tab-btn" data-tab="weapon-power">Power Surge</div>
     <div class="mw-tab-btn" data-tab="weapon-power">Power Surge</div>
Line 49: Line 121:
     <div class="mw-tab-btn" data-tab="weapon-shrapnel">Shrapnel</div>
     <div class="mw-tab-btn" data-tab="weapon-shrapnel">Shrapnel</div>
   </div>
   </div>
 
   <!-- BURN -->
   <!-- 🔥 BURN -->
   <div id="weapon-burn" class="mw-tab-content active">
   <div id="weapon-burn" class="mw-tab-content">
     <div class="dropdown">
     <div class="mw-dropdown-ui" data-label="Select Burn Mod" data-options="{
    <select id="burnSelect">
      &quot;burn_flame_burn&quot;:{&quot;label&quot;:&quot;Flame Resonance &gt; Burn: Burn DMG +_%&quot;,&quot;content&quot;:&quot; Max Burn stack +2, Burn duration -20% &quot;},
      <option value="">Select Burn Mod</option>
       &quot;burn_flame_element&quot;:{&quot;label&quot;:&quot;Flame Resonance &gt; Deviant Energy: Element DMG +_%&quot;,&quot;content&quot;:&quot;Blaze, Frost, Shock, Black DMG increase&quot;},
      <option value="burn_flame_burn">Flame Resonance &gt; Burn: Burn DMG +_%</option>
       &quot;burn_flame_hp&quot;:{&quot;label&quot;:&quot;Flame Resonance &gt; Survival: Max HP +&quot;,&quot;content&quot;:&quot;Max HP increase&quot;},
       <option value="burn_flame_element">Flame Resonance &gt; Deviant Energy: Element DMG +_%</option>
       &quot;burn_flame_crit&quot;:{&quot;label&quot;:&quot;Flame Resonance &gt; Violent: Crit DMG +_%&quot;,&quot;content&quot;:&quot;Crit DMG increase&quot;},
       <option value="burn_flame_hp">Flame Resonance &gt; Survival: Max HP +</option>
       &quot;burn_flame_general&quot;:{&quot;label&quot;:&quot;Flame Resonance &gt; General: +_%&quot;,&quot;content&quot;:&quot;General stat increase&quot;}
       <option value="burn_flame_crit">Flame Resonance &gt; Violent: Crit DMG +_%</option>
    }"></div>
       <option value="burn_flame_general">Flame Resonance &gt; General: +_%</option>
    </select>
    </div>
    <div id="burnOutput" class="output" style="display:none;"></div>
   </div>
   </div>
 
   <!-- FROST -->
   <!-- ❄️ FROST -->
   <div id="weapon-frost" class="mw-tab-content">
   <div id="weapon-frost" class="mw-tab-content">
     <div class="mw-dropdown-ui" data-label="Select Frost Mod" data-options="{}"></div>
     <div class="empty-note">No Frost Vortex mods listed yet.</div>
   </div>
   </div>
 
   <!-- POWER -->
   <!-- ⚡ POWER -->
   <div id="weapon-power" class="mw-tab-content">
   <div id="weapon-power" class="mw-tab-content">
     <div class="mw-dropdown-ui" data-label="Select Power Surge Mod" data-options="{}"></div>
     <div class="empty-note">No Power Surge mods listed yet.</div>
   </div>
   </div>
   <!-- UNSTABLE -->
   <!-- ⚡ UNSTABLE -->
   <div id="weapon-unstable" class="mw-tab-content">
   <div id="weapon-unstable" class="mw-tab-content">
     <div class="mw-dropdown-ui" data-label="Select Unstable Bomber Mod" data-options="{}"></div>
     <div class="empty-note">No Unstable Bomber mods listed yet.</div>
   </div>
   </div>
 
   <!-- FORTRESS -->
   <!-- ⚡ FORTRESS -->
   <div id="weapon-fortress" class="mw-tab-content">
   <div id="weapon-fortress" class="mw-tab-content">
     <div class="mw-dropdown-ui" data-label="Select Fortress Warfare Mod" data-options="{}"></div>
     <div class="empty-note">No Fortress Warfare mods listed yet.</div>
   </div>
   </div>
   <!-- ⚡ GUNNER -->
   <!-- GUNNER -->
   <div id="weapon-gunner" class="mw-tab-content">
   <div id="weapon-gunner" class="mw-tab-content">
     <div class="mw-dropdown-ui" data-label="Select Fast Gunner Mod" data-options="{}"></div>
     <div class="empty-note">No Fast Gunner mods listed yet.</div>
   </div>
   </div>
   <!-- ⚡ BOUNCE -->
   <!-- BULLSEYE -->
  <div id="weapon-bullseye" class="mw-tab-content">
    <div class="empty-note">No Bulls Eye mods listed yet.</div>
  </div>
  <!-- BOUNCE -->
   <div id="weapon-bounce" class="mw-tab-content">
   <div id="weapon-bounce" class="mw-tab-content">
     <div class="mw-dropdown-ui" data-label="Select Bounce Mod" data-options="{}"></div>
     <div class="empty-note">No Bounce mods listed yet.</div>
   </div>
   </div>
   <!-- ⚡ BULLSEYE -->
   <!-- SHRAPNEL -->
  <div id="weapon-bullseye" class="mw-tab-content">
    <div class="mw-dropdown-ui" data-label="Select Bulls Eye Mod" data-options="{}"></div>
  </div> 
  <!-- ⚡ SHRAPNEL -->
   <div id="weapon-shrapnel" class="mw-tab-content">
   <div id="weapon-shrapnel" class="mw-tab-content">
     <div class="mw-dropdown-ui" data-label="Select Shrapnel Mod" data-options="{}"></div>
     <div class="empty-note">No Shrapnel mods listed yet.</div>
   </div>
   </div>
</div>
</div>
 
<!-- ================= HELMET ================= -->
<!-- OTHER CATEGORIES -->
<div id="helmet" class="mw-tab-content">
<div id="helmet" class="mw-tab-content">
   <div class="mw-dropdown-ui" data-label="Select Helmet Mod" data-options="{}"></div>
   <div class="empty-note">No Helmet mods listed yet.</div>
</div>
</div>
 
<!-- ================= TOP ================= -->
<div id="top" class="mw-tab-content">
<div id="top" class="mw-tab-content">
   <div class="mw-dropdown-ui" data-label="Select Top Mod" data-options="{}"></div>
   <div class="empty-note">No Top mods listed yet.</div>
</div>
</div>
 
<!-- ================= BOTTOMS ================= -->
<div id="bottoms" class="mw-tab-content">
<div id="bottoms" class="mw-tab-content">
   <div class="mw-dropdown-ui" data-label="Select Bottoms Mod" data-options="{}"></div>
   <div class="empty-note">No Bottoms mods listed yet.</div>
</div>
</div>
 
<!-- ================= SHOES ================= -->
<div id="shoes" class="mw-tab-content">
<div id="shoes" class="mw-tab-content">
   <div class="mw-dropdown-ui" data-label="Select Shoes Mod" data-options="{}"></div>
   <div class="empty-note">No Shoes mods listed yet.</div>
</div>
</div>
 
<!-- ================= GLOVES ================= -->
<div id="gloves" class="mw-tab-content">
<div id="gloves" class="mw-tab-content">
   <div class="mw-dropdown-ui" data-label="Select Gloves Mod" data-options="{}"></div>
   <div class="empty-note">No Gloves mods listed yet.</div>
</div>
</div>
 
<!-- ================= MASK ================= -->
<div id="mask" class="mw-tab-content">
<div id="mask" class="mw-tab-content">
   <div class="mw-dropdown-ui" data-label="Select Mask Mod" data-options="{}"></div>
   <div class="empty-note">No Mask mods listed yet.</div>
</div>
</div>
</div>
</div>
<script>
/* TAB SYSTEM (nested-tab aware) */
document.querySelectorAll('.mw-tab-btn').forEach(btn => {
  btn.onclick = () => {
    // Deactivate sibling buttons in the same tab-buttons group
    btn.parentElement.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
    const target = document.getElementById(btn.dataset.tab);
    if (!target) return;
    // Deactivate sibling tab-contents at the same level
    target.parentElement.querySelectorAll(':scope > .mw-tab-content').forEach(c => c.classList.remove('active'));
    target.classList.add('active');
  };
});
/* DATA */
const burnData = {
  burn_flame_burn: {
    title: "Flame Resonance > Burn: Burn DMG +_%",
    lines: ["Max Burn stack +2, Burn duration -20%"]
  },
  burn_flame_element: {
    title: "Flame Resonance > Deviant Energy: Element DMG +_%",
    lines: ["Blaze, Frost, Shock, Black DMG increase"]
  },
  burn_flame_hp: {
    title: "Flame Resonance > Survival: Max HP +",
    lines: ["Max HP increase"]
  },
  burn_flame_crit: {
    title: "Flame Resonance > Violent: Crit DMG +_%",
    lines: ["Crit DMG increase"]
  },
  burn_flame_general: {
    title: "Flame Resonance > General: +_%",
    lines: ["General stat increase"]
  }
};
/* DROPDOWN LOGIC */
function bindDropdown(selectId, outputId, data) {
  const select = document.getElementById(selectId);
  if (!select) return;
  select.onchange = function () {
    const val = this.value;
    const output = document.getElementById(outputId);
    if (!val) {
      output.style.display = "none";
      return;
    }
    const item = data[val];
    output.innerHTML =
      `<div class="output-title">${item.title}</div>` +
      item.lines.map(line => `<div class="output-line">${line}</div>`).join("");
    output.style.display = "block";
  };
}
bindDropdown("burnSelect", "burnOutput", burnData);
</script>
</html>

Revision as of 14:05, 24 April 2026

Return to Front Page

How to get specific Mods you are looking for


Step 1: Go to Redemption Shop (F3 on PC)
Step 2: Click Mod Shop
Step 3: Click Credit Card Icon
Step 4: Buy Mod Selection Crate
Step 5: Open from Backpack → Consumables
Step 6: Pick your mod

Weapon
Helmet
Top
Bottoms
Shoes
Gloves
Mask
Burn
Frost Vortex
Power Surge
Unstable Bomber
Fortress Warfare
Fast Gunner
Bulls Eye
Bounce
Shrapnel
No Frost Vortex mods listed yet.
No Power Surge mods listed yet.
No Unstable Bomber mods listed yet.
No Fortress Warfare mods listed yet.
No Fast Gunner mods listed yet.
No Bulls Eye mods listed yet.
No Bounce mods listed yet.
No Shrapnel mods listed yet.
No Helmet mods listed yet.
No Top mods listed yet.
No Bottoms mods listed yet.
No Shoes mods listed yet.
No Gloves mods listed yet.
No Mask mods listed yet.

Retrieved from "https://ohwikiguide.com/index.php?title=Mods&oldid=1175"