API tools faq
paste
Advertisement
AvalonCat

TH Simple Tag Navbar

AvalonCat
Nov 28th, 2024 (edited)
27
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.54 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. IMPORTANT PLEASE READ
  4.  
  5. By using this code template you are agree to the following rules:
  6. 1). You may not redistribute this code.
  7. 2). You must keep credits visible and present. Do not remove them.
  8. 3). You may alter the code to fit your needs.
  9. 4). You may not use my code for content that goes against TH TOS.
  10.  
  11. DO NOT REMOVE CREDIT! CREDIT MUST REMAIN VISIBLE AND LINK BACK TO THE TEMPLATE PAGE SO OTHER USERS CAN EASILY FIND IT!
  12.  
  13. === Use ctrl + f on USERNAME to replace with your TH username in all links. ===
  14. === Use %20 for spaces in tag names for links ===
  15.  
  16. You may add as many dropdown boxes as you like and as many links as you like. Bootstrap will automatically wrap the boxes and the dropdown menus will automatically scroll when it reaches a certain size.
  17.  
  18. -->
  19. <ul class="nav nav-pills col-12 row no-gutters">
  20.     <li class="nav-item dropdown col-md mx-auto">
  21.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0"><i class="fa fa-badge-check"></i> Type</a>
  22.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  23.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:sona">Sona</a></li>
  24.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:self%20insert">Self Insert</a></li>
  25.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:original%20character">Original Character</a></li>
  26.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:comfort%20character">Comfort Character</a></li>
  27.         </ul>
  28.     </li>
  29.     <li class="nav-item dropdown col-md mx-auto">
  30.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0"><i class="fa fa-transporter-3"></i> Category</a>
  31.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  32.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:humanoid">Humanoid</a></li>
  33.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:anthro">Anthro</a></li>
  34.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:feral">Feral</a></li>
  35.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:object">Object</a></li>
  36.         </ul>
  37.     </li>
  38.     <li class="nav-item dropdown col-md mx-auto">
  39.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0"><i class="fa fa-paw"></i> Species</a>
  40.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  41.             <li class="dropdown-header"><b><i class="far fa-fw fa-person-simple"></i> Humanoid</b></li>
  42.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.universe.main">Human</a></li>
  43.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.universe.hardcore">Elf</a></li>
  44.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.universe.crossover">Dwarf</a></li>
  45.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.role.npc">Mermaid</a></li>
  46.             <li class="dropdown-header"><b><i class="far fa-fw fa-horse-head"></i> Anthro</b></li>
  47.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.role.player">Wolf</a></li>
  48.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.role.npc">Deer</a></li>
  49.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.role.npc">Sabertooth Tiger</a></li>
  50.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.role.boss">Jackalope</a></li>
  51.             <li class="dropdown-header"><b><i class="far fa-fw fa-horse"></i> Feral</b></li>
  52.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.class.overworld">Cat</a></li>
  53.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.class.ender">Horse</a></li>
  54.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.role.npc">Dinosaur</a></li>
  55.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:minecraft.class.undead">Dragon</a></li>
  56.         </ul>
  57.     </li>
  58.     <li class="nav-item dropdown col-md mx-auto">
  59.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0"><i class="fa fa-person-half-dress"></i> Identity</a>
  60.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  61.             <li class="dropdown-header"><b><i class="far fa-fw fa-venus-mars"></i> Gender</b></li>
  62.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:male">Male</a></li>
  63.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:female">Female</a></li>
  64.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:trans">Trans</a></li>
  65.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:nonbinary">Nonbinary</a></li>
  66.             <li class="dropdown-header"><b><i class="far fa-fw fa-heart"></i> Sexuality</b></li>
  67.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:heterosexual">Heterosexual</a></li>
  68.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:homosexual">Homosexual</a></li>
  69.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:bisexual">Bisexual</a></li>
  70.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/taga:1/tagged:asexual">Asexual</a></li>
  71.         </ul>
  72.     </li>
  73.     <li class="nav-item dropdown col-md mx-auto">
  74.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0"><i class="fa fa-globe"></i> Universe</a>
  75.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  76.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:dungeons%20&%20dragons">Dungeons & Dragons</a></li>
  77.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:my%20little%20pony">My Little Pony</a></li>
  78.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:warriors">Warriors</a></li>
  79.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:star%20wars">Star Wars</a></li>
  80.         </ul>
  81.     </li>
  82.     <li class="nav-item dropdown col-md mx-auto">
  83.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0"><i class="fa fa-coins"></i> Commerce</a>
  84.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  85.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:sale">For Sale</a></li>
  86.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:trade">For Trade</a></li>
  87.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:offer">For Offer</a></li>
  88.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:free">Freebie</a></li>
  89.         </ul>
  90.     </li>
  91. </ul>
  92. <div class="text-left">
  93.     <a href="https://toyhou.se/WingsOfAvalon"><span data-toggle="tooltip" title="" data-original-title="Code template by WingsOfAvalon."><i class="fa-solid fa-code fa-fw text-muted fa-2xs"></i></span></a>
  94. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!