API tools faq
paste
AvalonCat

TH Simple Tag Navbar

AvalonCat
Nov 28th, 2024 (edited)
723
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.36 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ====================
  4. IMPORTANT PLEASE READ
  5. ====================
  6.  
  7. By using this code template you are agree to the following rules:
  8. 1). You may not redistribute this code.
  9. 2). You must keep credits visible and present. Do not remove them.
  10. 3). You may alter the code to fit your needs.
  11. 4). You may not use my code for content that goes against TH TOS.
  12.  
  13. DO NOT REMOVE CREDIT! CREDIT MUST REMAIN VISIBLE AND LINK BACK TO THE TEMPLATE PAGE SO OTHER USERS CAN EASILY FIND IT!
  14.  
  15. ~~~~~~~~~~~~~~~~~~~~
  16.  
  17. * Use ctrl + f on >USERNAME< to replace with your TH username in all links.
  18. * Use %20 for spaces in tag names for links.
  19. * Tags are case sensitive so make sure you match capitalization and spelling for links to work properly.
  20.  
  21. 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.
  22.  
  23. -->
  24.  
  25. <!-- ====================START CODE==================== -->
  26. <ul class="nav nav-pills col-12 row no-gutters">
  27.    
  28.     <!-- =====TYPE===== -->
  29.     <li class="nav-item dropdown col-md mx-auto">
  30.        
  31.         <!-- BUTTON TITLE -->
  32.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0">
  33.             <i class="fa fa-badge-check"></i> Type
  34.             </a>
  35.         <!-- BUTTON TITLE -->
  36.        
  37.         <!-- DROP DOWN MENU -->
  38.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  39.            
  40.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:sona">
  41.                 Sona
  42.                 </a></li>
  43.                
  44.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:self%20insert">
  45.                 Self Insert
  46.                 </a></li>
  47.                
  48.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:original%20character">
  49.                 Original Character
  50.                 </a></li>
  51.                
  52.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:comfort%20character">
  53.                 Comfort Character
  54.                 </a></li>
  55.            
  56.         </ul>
  57.         <!-- DROP DOWN MENU -->
  58.     </li>
  59.     <!-- =====TYPE===== -->
  60.    
  61.     <!-- =====CATEGORY===== -->
  62.     <li class="nav-item dropdown col-md mx-auto">
  63.        
  64.         <!-- BUTTON TITLE -->
  65.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0">
  66.             <i class="fa fa-transporter-3"></i> Category
  67.             </a>
  68.         <!-- BUTTON TITLE -->
  69.        
  70.         <!-- DROP DOWN MENU -->    
  71.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  72.  
  73.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:humanoid">
  74.                 Humanoid
  75.                 </a></li>
  76.                
  77.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:anthro">
  78.                 Anthro
  79.                 </a></li>
  80.                
  81.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:feral">
  82.                 Feral
  83.                 </a></li>
  84.                
  85.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:object">
  86.                 Object
  87.                 </a></li>
  88.            
  89.         </ul>
  90.         <!-- DROP DOWN MENU -->
  91.     </li>
  92.     <!-- =====CATEGORY===== -->
  93.    
  94.     <!-- =====SPECIES===== -->
  95.     <li class="nav-item dropdown col-md mx-auto">
  96.        
  97.         <!-- BUTTON TITLE -->
  98.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0">
  99.             <i class="fa fa-paw"></i> Species
  100.             </a>
  101.         <!-- BUTTON TITLE -->
  102.        
  103.         <!-- DROP DOWN MENU -->
  104.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  105.            
  106.             <!-- DROPDOWN MENU HEADER -->
  107.             <li class="dropdown-header"><b>
  108.                 <i class="far fa-fw fa-person-simple"></i> Humanoid
  109.                 </b></li>
  110.             <!-- DROPDOWN MENU HEADER -->
  111.            
  112.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:human">
  113.                 Human
  114.                 </a></li>
  115.                
  116.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:elf">
  117.                 Elf
  118.                 </a></li>
  119.                
  120.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:dwarf">
  121.                 Dwarf
  122.                 </a></li>
  123.                
  124.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:mermaid">
  125.                 Mermaid
  126.                 </a></li>
  127.                
  128.             <!-- DROPDOWN MENU HEADER -->
  129.             <li class="dropdown-header"><b>
  130.                 <i class="far fa-fw fa-horse-head"></i> Anthro
  131.                 </b></li>
  132.             <!-- DROPDOWN MENU HEADER -->
  133.            
  134.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:wolf">
  135.                 Wolf
  136.                 </a></li>
  137.                
  138.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:deer">
  139.                 Deer
  140.                 </a></li>
  141.                
  142.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:sabertooth%20tiger">
  143.                 Sabertooth Tiger
  144.                 </a></li>
  145.                
  146.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:jackalope">
  147.                 Jackalope
  148.                 </a></li>
  149.                
  150.             <!-- DROPDOWN MENU HEADER -->
  151.             <li class="dropdown-header"><b>
  152.                 <i class="far fa-fw fa-horse"></i> Feral
  153.                 </b></li>
  154.             <!-- DROPDOWN MENU HEADER -->
  155.            
  156.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:cat">
  157.                 Cat
  158.                 </a></li>
  159.                
  160.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:horse">
  161.                 Horse
  162.                 </a></li>
  163.                
  164.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:dinosaur">
  165.                 Dinosaur
  166.                 </a></li>
  167.                
  168.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:dragon">
  169.                 Dragon
  170.                 </a></li>
  171.  
  172.         </ul>
  173.         <!-- DROP DOWN MENU -->
  174.     </li>
  175.     <!-- =====SPECIES===== -->
  176.    
  177.     <!-- =====IDENTITY===== -->
  178.     <li class="nav-item dropdown col-md mx-auto">
  179.        
  180.         <!-- BUTTON TITLE -->
  181.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0">
  182.             <i class="fa fa-person-half-dress"></i> Identity
  183.             </a>
  184.         <!-- BUTTON TITLE -->
  185.        
  186.         <!-- DROP DOWN MENU -->
  187.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  188.            
  189.             <!-- DROPDOWN MENU HEADER -->
  190.             <li class="dropdown-header"><b>
  191.                 <i class="far fa-fw fa-venus-mars"></i> Gender
  192.                 </b></li>
  193.             <!-- DROPDOWN MENU HEADER -->
  194.            
  195.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:male">
  196.                 Male
  197.                 </a></li>
  198.                
  199.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:female">
  200.                 Female
  201.                 </a></li>
  202.                
  203.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:trans">
  204.                 Trans
  205.                 </a></li>
  206.                
  207.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:nonbinary">
  208.                 Nonbinary
  209.                 </a></li>
  210.                
  211.             <!-- DROPDOWN MENU HEADER -->    
  212.             <li class="dropdown-header"><b>
  213.                 <i class="far fa-fw fa-heart"></i> Sexuality
  214.                 </b></li>
  215.             <!-- DROPDOWN MENU HEADER -->
  216.            
  217.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:heterosexual">
  218.                 Heterosexual
  219.                 </a></li>
  220.                
  221.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:homosexual">
  222.                 Homosexual
  223.                 </a></li>
  224.                
  225.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:bisexual">
  226.                 Bisexual
  227.                 </a></li>
  228.                
  229.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/taga:1/tagged:asexual">
  230.                 Asexual
  231.                 </a></li>
  232.            
  233.         </ul>
  234.         <!-- DROP DOWN MENU -->
  235.     </li>
  236.     <!-- =====IDENTITY===== -->
  237.    
  238.     <!-- =====UNIVERSE===== -->
  239.     <li class="nav-item dropdown col-md mx-auto">
  240.        
  241.         <!-- BUTTON TITLE -->
  242.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0">
  243.             <i class="fa fa-globe"></i> Universe
  244.             </a>
  245.         <!-- BUTTON TITLE -->
  246.        
  247.         <!-- DROP DOWN MENU -->
  248.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  249.            
  250.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:dungeons%20&%20dragons">
  251.                 Dungeons & Dragons
  252.                 </a></li>
  253.                
  254.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:my%20little%20pony">
  255.                 My Little Pony
  256.                 </a></li>
  257.                
  258.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:warriors">
  259.                 Warriors
  260.                 </a></li>
  261.                
  262.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:star%20wars">
  263.                 Star Wars
  264.                 </a></li>
  265.                
  266.         </ul>
  267.         <!-- DROP DOWN MENU -->
  268.     </li>
  269.     <!-- =====UNIVERSE===== -->
  270.    
  271.     <!-- =====COMMERCE===== -->
  272.     <li class="nav-item dropdown col-md mx-auto">
  273.        
  274.         <!-- BUTTON TITLE -->
  275.         <a class="nav-link dropdown-toggle btn btn-secondary py-3" data-toggle="dropdown" href="#" style="border-radius: 0">
  276.             <i class="fa fa-coins"></i> Commerce
  277.             </a>
  278.         <!-- BUTTON TITLE -->
  279.        
  280.         <!-- DROP DOWN MENU -->
  281.         <ul class="dropdown-menu w-100 table-responsive" style="max-height: 300px; border-radius: 0">
  282.            
  283.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:sale">
  284.                 For Sale
  285.                 </a></li>
  286.                
  287.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:trade">
  288.                 For Trade
  289.                 </a></li>
  290.                
  291.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:offer">
  292.                 For Offer
  293.                 </a></li>
  294.                
  295.             <li><a class="dropdown-item" href="https://toyhou.se/USERNAME/characters/tagged:free">
  296.                 Freebie
  297.                 </a></li>
  298.                
  299.         </ul>
  300.         <!-- DROP DOWN MENU -->
  301.     </li>
  302.     <!-- =====COMMERCE===== -->
  303.    
  304. </ul>
  305.  
  306. <!-- ==========CREDIT DO NOT REMOVE========== -->
  307. <div class="text-left">
  308.     <a href="https://toyhou.se/30393051.f2u-simple-folder-tag-navbar"><span data-toggle="tooltip" title="Code template by WingsOfAvalon."><i class="fa-solid fa-code fa-fw text-muted fa-2xs"></i></span></a>
  309. </div>
  310. <!-- ==========CREDIT DO NOT REMOVE========== -->
  311. <!-- ====================END CODE==================== -->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!