Lightforge Loot Crate: Difference between revisions

← Older edit

Latest revision as of 19:04, 9 June 2026

Return to Front Page

Lightforge Loot Crate▼

Astral Nexus

Blooming Vows

Celestial Reverie

Crimson Ascent

Echo Vesperine

Eclipse Cinder

Ethereal Tide

Frostshade

Golden Surge

Lumino Adventure

Phaze Blitz

Thunder Overlord

Viper Lunge

Wishland Wonder

Zero Overture

@@ Line 1: / Line 1: @@
-============================================================
+[https://ohwikiguide.com Return to Front Page]
-OPTION 1 — Tabber (if the Tabber extension is installed)
+<br>
-This is the cleanest "pick which to view" UI.
-============================================================
-== Lightforge Loot Crate ==
+<div style="display:flex; justify-content:center;">
+<div style="width:280px;">
-<tabber>
+<div class="mw-customtoggle-lootcrate" style="cursor:pointer; padding:6px 10px; border:1px solid #767676; background:#fff; color:#000; font-family:Arial,sans-serif; font-size:15px; display:flex; justify-content:space-between; align-items:center;"><span>Lightforge Loot Crate</span><span style="font-size:11px;">▼</span></div>
-Wishland Wonder=
+<div id="mw-customcollapsible-lootcrate" class="mw-collapsible mw-collapsed" style="border:1px solid #767676; border-top:none; background:#fff;"><div class="mw-customtoggle-astralnexus" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Astral Nexus</div><div class="mw-customtoggle-bloomingvows" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Blooming Vows</div><div class="mw-customtoggle-celestialreverie" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Celestial Reverie</div><div class="mw-customtoggle-crimsonascent" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Crimson Ascent</div><div class="mw-customtoggle-echovesperine" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Echo Vesperine</div><div class="mw-customtoggle-eclipsecinder" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Eclipse Cinder</div><div class="mw-customtoggle-etherealtide" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Ethereal Tide</div><div class="mw-customtoggle-frostshade" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Frostshade</div><div class="mw-customtoggle-goldensurge" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Golden Surge</div><div class="mw-customtoggle-luminoadventure" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Lumino Adventure</div><div class="mw-customtoggle-phazeblitz" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Phaze Blitz</div><div class="mw-customtoggle-thunderoverlord" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Thunder Overlord</div><div class="mw-customtoggle-viperlunge" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Viper Lunge</div><div class="mw-customtoggle-wishland" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Wishland Wonder</div><div class="mw-customtoggle-zerooverture" style="cursor:pointer; padding:6px 10px; color:#000; font-family:Arial,sans-serif; font-size:15px;">Zero Overture</div></div>
-[[File:Wishland Wonder.jpg|300px]]
-''Description of Wishland Wonder goes here.''
-|-|
-Item Two=
-[[File:Item Two.jpg|300px]]
-''Description of Item Two.''
-|-|
-Item Three=
-[[File:Item Three.jpg|300px]]
-''Description of Item Three.''
-</tabber>
-============================================================
-OPTION 2 — Native collapsible dropdown (always works in MediaWiki, no extension needed)
-Click the header to expand; each item shows its image inline.
-============================================================
-{| class="mw-collapsible mw-collapsed" style="width:400px; border:2px solid #e94560;"
-! style="background:linear-gradient(90deg,#e94560,#f39c12); color:#fff; padding:8px;" | Lightforge Loot Crate
-|-
-| style="padding:8px;" |
-* [[File:Wishland Wonder.jpg|48px]] '''Wishland Wonder'''
-* [[File:Item Two.jpg|48px]] '''Item Two'''
-* [[File:Item Three.jpg|48px]] '''Item Three'''
-|}
-============================================================
-OPTION 3 — Custom toggle "picker" (one button per item, each reveals its own block)
-Acts most like a true dropdown selector.
-============================================================
-<div class="mw-customtoggle-wishland" style="cursor:pointer; padding:6px 12px; background:#e94560; color:#fff; display:inline-block; border-radius:4px;">Wishland Wonder</div>
-<div class="mw-customtoggle-itemtwo"  style="cursor:pointer; padding:6px 12px; background:#e94560; color:#fff; display:inline-block; border-radius:4px;">Item Two</div>
-<div class="mw-customtoggle-itemthree" style="cursor:pointer; padding:6px 12px; background:#e94560; color:#fff; display:inline-block; border-radius:4px;">Item Three</div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-wishland">
-[[File:Wishland Wonder.jpg|300px]]
-''Wishland Wonder description.''
 </div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-itemtwo">
-[[File:Item Two.jpg|300px]]
-''Item Two description.''
 </div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-itemthree">
+<div style="display:flex; flex-direction:column; align-items:center;">
-[[File:Item Three.jpg|300px]]
+<div id="mw-customcollapsible-astralnexus" class="mw-collapsible mw-collapsed">[[File:Astral Nexus.jpg|800px]]</div>
-''Item Three description.''
+<div id="mw-customcollapsible-bloomingvows" class="mw-collapsible mw-collapsed">[[File:Blooming_Vows.jpg|800px]]</div>
+<div id="mw-customcollapsible-celestialreverie" class="mw-collapsible mw-collapsed">[[File:Celestial Reverie.jpg|800px]]</div>
+<div id="mw-customcollapsible-crimsonascent" class="mw-collapsible mw-collapsed">[[File:Crimson Ascent.jpg|800px]]</div>
+<div id="mw-customcollapsible-echovesperine" class="mw-collapsible mw-collapsed">[[File:Echo Vesperine.jpg|800px]]</div>
+<div id="mw-customcollapsible-eclipsecinder" class="mw-collapsible mw-collapsed">[[File:Eclipse Cinder.jpg|800px]]</div>
+<div id="mw-customcollapsible-etherealtide" class="mw-collapsible mw-collapsed">[[File:Ethereal Tide.jpg|800px]]</div>
+<div id="mw-customcollapsible-frostshade" class="mw-collapsible mw-collapsed">[[File:Frostshade.jpg|800px]]</div>
+<div id="mw-customcollapsible-goldensurge" class="mw-collapsible mw-collapsed">[[File:Golden Surge.jpg|800px]]</div>
+<div id="mw-customcollapsible-luminoadventure" class="mw-collapsible mw-collapsed">[[File:Lumino Adventure.jpg|800px]]</div>
+<div id="mw-customcollapsible-phazeblitz" class="mw-collapsible mw-collapsed">[[File:Phaze Blitz.jpg|800px]]</div>
+<div id="mw-customcollapsible-thunderoverlord" class="mw-collapsible mw-collapsed">[[File:Thunder Overlord.jpg|800px]]</div>
+<div id="mw-customcollapsible-viperlunge" class="mw-collapsible mw-collapsed">[[File:Viper Lunge.jpg|800px]]</div>
+<div id="mw-customcollapsible-wishland" class="mw-collapsible mw-collapsed">[[File:Wishland Wonder.jpg|800px]]</div>
+<div id="mw-customcollapsible-zerooverture" class="mw-collapsible mw-collapsed">[[File:Zero Overture.jpg|800px]]</div>
 </div>
-============================================================
-NOTES
-============================================================
-- Paste into the SOURCE editor (not Visual editor), or it may mangle the markup.
-- Image names are case-sensitive and must match the uploaded filename exactly,
-  including spaces (MediaWiki converts spaces to underscores automatically).
-- "Loot" vs "Look" — your page title says "Loot Crate" but you typed "Look Crate".
-  I've used "Loot" in the markup since that matches your page. Change if needed.
-- If you don't know whether Tabber is installed, try Option 1 first — if the tabs
-  don't render, fall back to Option 2 or 3.