Editing Template:HeroTabs/docGive feedback
The edit can be undone.
Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
| Latest revision | Your text | ||
| Line 1: | Line 1: | ||
== Usage == | == Usage == | ||
Adds a navigation header for a main page and its | Adds a navigation header for a character's main page and its subpages. | ||
Place this template at the top of the relevant pages. The template automatically detects which subpages exist and highlights the current (active) page's tab. | Place this template at the top of the relevant pages. The template automatically detects which subpages exist and highlights the current (active) page's tab. | ||
| Line 13: | Line 12: | ||
Will render the navigation bar. The example below shows how it appears on the "Sounds" page, with that tab highlighted as active. | Will render the navigation bar. The example below shows how it appears on the "Sounds" page, with that tab highlighted as active. | ||
<div | <div style="border-radius: 8px;background-image: linear-gradient(#987556, #483728); color:#FFF5E8; margin:0 auto 1em; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end; gap:1em; padding:0px; font-family:'Retail Demo','Radiance',sans-serif; text-transform:uppercase; font-weight:bold; font-size:15px;"> | ||
<!--Inactive Tab--><div style="padding:4px 8px; cursor:pointer"><span style="color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">Overview</span></div> | <!--Inactive Tab--><div style="padding:4px 8px; cursor:pointer"><span style="color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">Overview</span></div> | ||
<!--Inactive Tab--><div style="padding:4px 8px; cursor:pointer"><span style="color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">Quotes</span></div> | <!--Inactive Tab--><div style="padding:4px 8px; cursor:pointer"><span style="color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">Quotes</span></div> | ||
<!--Active Tab--><div style="background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0;"><span style="color:#483728;">Sounds</span></div> | <!--Active Tab--><div style="background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0;"><span style="color:#483728;">Sounds</span></div> | ||
<!--Inactive Tab--><div style="padding:4px 8px; cursor:pointer"><span style="color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">Update History</span></div> | |||
</div> | </div> | ||