Jump to content

Mods: Difference between revisions

From Once Human Guide
← Older edit
Bones (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,328 edits
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 19: Line 19:
<br>
<br>
<i>Step 7:</i> <b>If wanting Mask, Pick Keyword Suffix Mod Selection Crate &rarr; Keyword</b>
<i>Step 7:</i> <b>If wanting Mask, Pick Keyword Suffix Mod Selection Crate &rarr; Keyword</b>
<br><br>
<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 -->
<div class="mw-tab-buttons" style="flex-wrap:nowrap; overflow-x:auto;">
  <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="top">Top</div>
  <div class="mw-tab-btn" data-tab="bottoms">Bottoms</div>
  <div class="mw-tab-btn" data-tab="shoes">Shoes</div>
  <div class="mw-tab-btn" data-tab="gloves">Gloves</div>
  <div class="mw-tab-btn" data-tab="mask">Mask</div>
</div>
<!-- ================= WEAPON ================= -->
<div id="weapon" class="mw-tab-content active">
  <div class="mw-tab-buttons">
    <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-power">Power Surge</div>
    <div class="mw-tab-btn" data-tab="weapon-unstable">Unstable Bomber</div>
    <div class="mw-tab-btn" data-tab="weapon-fortress">Fortress Warfare</div>
    <div class="mw-tab-btn" data-tab="weapon-gunner">Fast Gunner</div>
    <div class="mw-tab-btn" data-tab="weapon-bullseye">Bulls Eye</div>
    <div class="mw-tab-btn" data-tab="weapon-bounce">Bounce</div>
    <div class="mw-tab-btn" data-tab="weapon-shrapnel">Shrapnel</div>
    <div class="mw-tab-btn" data-tab="weapon-normal">Normal</div>
  </div>
  <!-- BURN -->
  <div id="weapon-burn" class="mw-tab-content active">
    <div class="dropdown">
    <select id="burnSelect">
      <option value="">Select Burn Mod</option>
      <option value="flame_resonance">Flame Resonance</option>
      <option value="ember">Ember</option>
      <option value="blaze_blessing">Blaze Blessing</option>
      <option value="blaze_blessing">Burning Wrath</option>
    </select>
    </div>
    <div id="burnOutput" class="output" style="display:none;"></div>
  </div>
  <!-- FROST -->
  <div id="weapon-frost" class="mw-tab-content">
    <div class="dropdown">
    <select id="frostSelect">
      <option value="">Select Frost Vortex Mod</option>
      <option value="shattering_ice">Shattering Ice</option>
      <option value="cryo_blast">Cryo Blast</option>
      <option value="cry_catalyst">Cryo Catalyst</option>
      <option value="frosty_blessing">Frosty Blessing</option>
    </select>
    </div>
    <div id="frostOutput" class="output" style="display:none;"></div>
  </div>
  <!-- POWER -->
  <div id="weapon-power" class="mw-tab-content">
    <div class="dropdown">
    <select id="surgeSelect">
      <option value="">Select Power Surge Mod</option>
      <option value="surge_amplifier">Surge Amplifier</option>
      <option value="shock_rampage">Shock Rampage</option>
      <option value="static_shock">Static Shock</option>
      <option value="static_shock">Shock Diffusion</option>
    </select>
    </div>
    <div id="surgeOutput" class="output" style="display:none;"></div>
  </div>
  <!-- UNSTABLE -->
  <div id="weapon-unstable" class="mw-tab-content">
    <div class="dropdown">
    <select id="unstableSelect">
      <option value="">Select Unstable Bomber Mod</option>
      <option value="super_charged">Super Charged</option>
      <option value="bombardier_souvenir">Bombardier Souvenir</option>
      <option value="heavy_explosives">Heavy Explosives</option>
      <option value="reckless_bomber">Reckless Bomber</option>
    </select>
    </div>
    <div id="unstableOutput" class="output" style="display:none;"></div>
  </div>
  <!-- FORTRESS -->
  <div id="weapon-fortress" class="mw-tab-content">
      <div class="dropdown">
        <select id="fortressSelect">
      <option value="">Select Fortress Warefare Mod</option>
      <option value="united_we_stand">United We Stand</option>
      <option value="portable_territory">Portable Territory</option>
      <option value="durable_territory">Durable Territory</option>
      <option value="final_territory">Final Territory</option>
    </select>
    </div>
    <div id="fortressOutput" class="output" style="display:none;"></div>
  </div>
  <!-- GUNNER -->
  <div id="weapon-gunner" class="mw-tab-content">
      <div class="dropdown">
        <select id="gunnerSelect">
          <option value="">Select Fast Gunner Mod</option>
          <option value="precision_rush">Precision Rush</option>
          <option value="shoot_out">Shoot Out</option>
          <option value="shoot_out">Shooting Blitz</option>
          <option value="shoot_out">Cowboy</option>
    </select>
    </div>
    <div id="unstableOutput" class="output" style="display:none;"></div>
  </div>
  <!-- BULLSEYE -->
  <div id="weapon-bullseye" class="mw-tab-content">
      <div class="dropdown">
    <select id="bullseyeSelect">
      <option value="">Select Bulls Eye Mod</option>
      <option value="recover_mark">Recover Mark</option>
      <option value="spreading_marks">Spreading Marks</option>
      <option value="vulnerability_amplifier">Vulnerability Amplifier</option>
      <option value="hunters_perk">Hunter's Perk</option>
    </select>
    </div>
    <div id="bullseyeOutput" class="output" style="display:none;"></div>
  </div>
  <!-- BOUNCE -->
  <div id="weapon-bounce" class="mw-tab-content">
      <div class="dropdown">
    <select id="bounceSelect">
      <option value="">Select Bounce Mod</option>
      <option value="super_bullet">Super Bullet</option>
      <option value="multi_bounce">Multi-Bounce</option>
      <option value="boomerang_bullet">Boomerang Bullet</option>
      <option value="bounce_rampage">Boomerang Rampage</option>
    </select>
    </div>
    <div id="bounceOutput" class="output" style="display:none;"></div>
  </div>
  <!-- SHRAPNEL -->
  <div id="weapon-shrapnel" class="mw-tab-content">
      <div class="dropdown">
    <select id="shrapnelSelect">
      <option value="">Select Shrapnel Mod</option>
      <option value="shatter_them_all">Shatter Them All</option>
      <option value="shrapnel_souvenir">Shrapnel Souvenir</option>
      <option value="shield_breaker">Shield Breaker</option>
      <option value="shrapnel_smash">Shrapnel Smash</option>
    </select>
    </div>
    <div id="shrapnelOutput" class="output" style="display:none;"></div>
  </div>
  <!-- NORMAL WEAPON -->
  <div id="weapon-normal" class="mw-tab-content">
      <div class="dropdown">
    <select id="wpnormalSelect">
      <option value="">Select Normal Weapon Mod</option>
      <option value="wp_crit_boost">Crit Boost</option>
      <option value="munitions_amplifier">Munitions Amplifier</option>
      <option value="melee_amplifier">Melee Amplifier</option>
    </select>
    </div>
    <div id="wpnormalOutput" class="output" style="display:none;"></div>
  </div>
</div>
<!-- ================= HELMET ================= -->
<div id="helmet" class="mw-tab-content">
  <div class="empty-note">No Helmet mods listed yet.</div>
</div>
<!-- ================= TOP ================= -->
<div id="top" class="mw-tab-content">
  <div class="empty-note">No Top mods listed yet.</div>
</div>
<!-- ================= BOTTOMS ================= -->
<div id="bottoms" class="mw-tab-content">
  <div class="empty-note">No Bottoms mods listed yet.</div>
</div>
<!-- ================= SHOES ================= -->
<div id="shoes" class="mw-tab-content">
  <div class="empty-note">No Shoes mods listed yet.</div>
</div>
<!-- ================= GLOVES ================= -->
<div id="gloves" class="mw-tab-content">
  <div class="empty-note">No Gloves mods listed yet.</div>
</div>
<!-- ================= MASK ================= -->
<div id="mask" class="mw-tab-content">
  <div class="empty-note">No Mask mods listed yet.</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 = {
  flame_resonance: {
    title: "Flame Resonance",
    lines: [
      "<b>Max Burn Stack +2, Burn Duration -20%</b>",
      "Suffix -> Burn: (Add Flash Effect: Burn DMG +5%) Burn DMG + _%",
      "Suffix -> Deviant Energy: Element DMG + _%",
      "Suffix -> Violent: Crit DMG + _%",
      "Suffix -> Survival: Max HP + _%",
      "Suffix -> General: DMG + _%",
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consectetur, odio vitae venenatis sodales, quam lacus vestibulum leo, eget aliquet velit nibh scelerisque nibh. Maecenas pharetra augue ipsum, vel venenatis lacus congue sagittis. Sed vel consectetur dolor. Curabitur id bibendum nunc, vitae bibendum urna. Vivamus id diam est. Donec rutrum magna nec metus laoreet, quis molestie lorem interdum. Phasellus a posuere lorem. Vestibulum ac odio eu diam laoreet ornare vel vitae lorem."
        ]
  },
  ember: {
    title: "Ember",
    lines: [
      "<b>When Burn is removed, stacks only - 50%</b>",
      "Burn: Burn DMG + _%",
      "Deviant Energy: Element DMG + _%",
      "Violent: Crit DMG + _%",
      "Survival: Max HP + _%",
      "General: DMG + _%"
    ]
  }
};
/* 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 =
      item.lines.map(line => `<div class="output-line">${line}</div>`).join("");
    output.style.display = "block";
  };
}
bindDropdown("burnSelect", "burnOutput", burnData);
</script>
</html>
</html>

Latest revision as of 17:07, 14 May 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
Step 7: If wanting Mask, Pick Keyword Suffix Mod Selection Crate → Keyword

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