User:Emerald3ME/sandbox: Difference between revisions

Revision as of 22:08, 23 April 2025

This template generates a Tekken 5 sub-navigation bar with hover effects. Usage: {{Character Subnav T5|chara=Bryan_Fury}}

@@ Line 1: / Line 1: @@
-{| style="background-color: #1a1a1a; border: 1px solid #444; padding: 0.5rem; margin-bottom: 0.75rem; width: 100%;"
+<includeonly>
-| style="padding: 0.25rem;" | [[Tekken_5/Bryan_Fury|<span style="padding: 0.4em 1em; background-color: #333; color: #fff; border-radius: 4px; text-decoration: none;">Overview</span>]]
+<style>
-| style="padding: 0.25rem;" | [[Tekken_5/{{{chara}}}/Movelist|<span style="padding: 0.4em 1em; background-color: #333; color: #fff; border-radius: 4px;">Movelist</span>]]
+.t5-subnav a span {
-| style="padding: 0.25rem;" | [[Tekken_5/{{{chara}}}/Punishers|<span style="padding: 0.4em 1em; background-color: #333; color: #fff; border-radius: 4px;">Punishers</span>]]
+  background-color: #333;
-| style="padding: 0.25rem;" | [[Tekken_5/{{{chara}}}/Combos|<span style="padding: 0.4em 1em; background-color: #333; color: #fff; border-radius: 4px;">Combos</span>]]
+  color: #fff;
-| style="padding: 0.25rem;" | [[Tekken_5/{{{chara}}}/Strategy|<span style="padding: 0.4em 1em; background-color: #333; color: #fff; border-radius: 4px;">Strategy</span>]]
+  padding: 0.4em 1em;
-| style="padding: 0.25rem;" | [[Tekken_5/{{{chara}}}/Matchups|<span style="padding: 0.4em 1em; background-color: #333; color: #fff; border-radius: 4px;">Matchups</span>]]
+  border-radius: 4px;
-| style="padding: 0.25rem;" | [[Tekken_5/{{{chara}}}/Resources|<span style="padding: 0.4em 1em; background-color: #333; color: #fff; border-radius: 4px;">Resources</span>]]
+  text-decoration: none;
-|}
+  display: inline-block;
+  transition: background-color 0.2s ease, color 0.2s ease;
+}
+.t5-subnav a span:hover {
+  background-color: #555;
+  color: #FFCC00;
+}
+</style>
+<div class="t5-subnav" style="background-color: #1a1a1a; border: 1px solid #444; padding: 0.5rem; margin-bottom: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.5rem;">
+  [[Tekken_5/{{{chara}}}|<span>Overview</span>]]
+  [[Tekken_5/{{{chara}}}/Movelist|<span>Movelist</span>]]
+  [[Tekken_5/{{{chara}}}/Punishers|<span>Punishers</span>]]
+  [[Tekken_5/{{{chara}}}/Combos|<span>Combos</span>]]
+  [[Tekken_5/{{{chara}}}/Strategy|<span>Strategy</span>]]
+  [[Tekken_5/{{{chara}}}/Matchups|<span>Matchups</span>]]
+  [[Tekken_5/{{{chara}}}/Resources|<span>Resources</span>]]
+</div>
+</includeonly>
+<noinclude>
+This template generates a Tekken 5 sub-navigation bar with hover effects.
+Usage: <nowiki>{{Character Subnav T5|chara=Bryan_Fury}}</nowiki>
+[[Category:Templates]]
+</noinclude>