API tools faq
paste
Advertisement
CrispinAsheYA

Multiple Characters (Custom Colours)

CrispinAsheYA
Jan 18th, 2023 (edited)
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.15 KB | Source Code | 0 0
raw download clone embed print report
  1. <!--------------- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17036656.-06-code-rules ---------------
  2.  
  3. Version: 1.0
  4.  
  5. Default Colours
  6. -Text Colour: #CB2E29
  7. -Dark-Fill : #000000
  8. -Text White: #FFFFFF
  9. -Border Grey: #556855
  10. -Font Awesome Icons: fas fa-water
  11.  
  12. Scroll To The Bottom for every single "Find & Replace" Variable! (Feel free to move to the top when you turn this into a personal template, I just keep it at the bottom for organisation.)
  13.  
  14. Thank you for reading!
  15. Crispin
  16.  
  17. -->
  18.  
  19. <!------------------------------- START BACKGROUND -------------------------------->
  20. <div style="background-image:url(https://media.discordapp.net/attachments/917542533930823690/1011253200696913991/unknown.png); background-size:cover; background-position:top-center;" class="card-block">
  21.  
  22.   <!------------------------------- START ACTUAL CODE -------------------------------->
  23.   <div class="col-12 p-0" style="font-size:1rem; font-family:'comic sans ms'; background-color:#FFFFFF; border:none;">
  24.    
  25.     <!------------------------------- START HEADING -------------------------------->
  26.     <div class="col-12 p-0" style="border:#556855 8px solid; border-bottom:none;">
  27.       <div class="card rounded-0" style="background:url('https://media4.giphy.com/media/P0ar8pIucRwje/giphy.gif?cid=ecf05e47zoxf0987au5uu5tpzsve2ikqta8awx57vu6gqgo7&rid=giphy.gif&ct=g'); background-position:center; background-size:cover; border:none;">
  28.         <p class="text-center display-4 mx-1 mt-1 mb-0 p-3" style="color:#FFFFFF; background:rgba(0,0,0,0.7);"><span>[STORYNAME] - By [AUTHORNAME]</span></p>
  29.         <p class="text-center display-5 mx-1 mb-1 mb-0 p-3" style="color:#FFFFFF; background:rgba(0,0,0,0.7);"><span><i>"[MOTTO]"</i></span></p>
  30.       </div>
  31.     </div>
  32.     <!------------------------------- END HEADING -------------------------------->
  33.    
  34.    
  35.     <!------------------------------- START BUTTONS -------------------------------->
  36.     <div class="col-12 p-0" style="background-color:#69B00B; border:#556855 4px solid; border-bottom:none;">
  37.       <ul class="nav nav-tabs card-header-tabs row p-0 m-0" style="text-align:center;">
  38.         <li class="col-12 col-lg-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#one" style="color:#FFFFFF; background:#556855; border:#556855 4px solid; border-radius:0px">[CHARACTER1]</a></li>
  39.         <li class="col-12 col-lg-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#two" style="color:#FFFFFF; background:#556855; border:#556855 4px solid; border-radius:0px">[CHARACTER2]</a></li>
  40.         <li class="col-12 col-lg-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#three" style="color:#FFFFFF; background:#556855; border:#556855 4px solid; border-radius:0px">[CHARACTER3]</a></li>
  41.        
  42.         <!-- Make sure all the col-lg-NUMBERs here add up to 12! For example, you could have 4,4,4 for 3 characters, or 3,3,3,3 for 4 characters, or 4,4,2,2 for 5 characters IF You want them on one line. If you wanna have 2 lines of character buttons, everything must add up to 24 instead. I wouldn't reccomend exceeding 6 characters though as that's when things get confusing. Copy and paste one LI line of code above and character the number in the href to add more characters. -->
  43.        
  44.       </ul>
  45.     </div>
  46.     <!------------------------------- END BUTTONS -------------------------------->
  47.    
  48.     <!------------------------------- START PLAYLIST, REWARDS & INFO -------------------------------->
  49.     <div class="col-lg-12 mx-auto p-0 row" style="background-color:#000000; border:#556855 4px solid; border-top:none;">
  50.       <div class="col-12 col-lg-3 p-0" style="background-color:#000000; border:none;">
  51.        
  52.         <!------------------------------- START IMAGES -------------------------------->
  53.         <div class="col-12 p-3" style="background:url('[IMAGE]') center; background-size:cover; background-position:top-center; background-repeat:no-repeat; height:225px; border:#000000 4px solid;"></div>
  54.         <div class="col-12 p-3" style="background:url('[IMAGE]') center; background-size:cover; background-position:top-center; background-repeat:no-repeat; height:225px; border:#000000 4px solid;"></div>
  55.         <div class="col-12 p-3" style="background:url('[IMAGE]') center; background-size:cover; background-position:top-center; background-repeat:no-repeat; height:225px; border:#000000 4px solid;"></div>
  56.         <div class="col-12 p-3" style="background:url('[IMAGE]') center; background-size:cover; background-position:top-center; background-repeat:no-repeat; height:225px; border:#000000 4px solid;"></div>
  57.         <!------------------------------- END IMAGES -------------------------------->
  58.        
  59.       </div>
  60.        
  61.           <!------------------------------- START INFO -------------------------------->
  62.           <div class="col-12 col-lg-9 p-0" style="color:#FFFFFF; background-color:#000000; border:none;">
  63.          
  64.             <div class="tab-content" style="height:900px; border:#556855 4px solid;"><!-- Sets up Tabs -->
  65.              
  66.               <!------------------------------- START TAB 1 -------------------------------->
  67.               <div class="tab-pane active show" id="one"><!-- Start Tab-->
  68.                 <div class="card-body p-3 table-responsive" style="max-height:895px;"><!-- Sets Up Tab -->
  69.                  
  70.                   <div class="row mb-2 p-4" style="margin-right:auto; margin-left:auto;"><!-- Sets up Q&A -->
  71.                    
  72.                     <!------ START Q&A ----->
  73.                     <div class="col-12 col-sm-6 mt-1"><!-- Start Q&A -->
  74.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Name</span>
  75.                       <span class="pull-right">[ANSWER]</span>
  76.                       <hr class="my-1">
  77.                     </div>
  78.                    
  79.                     <div class="col-12 col-sm-6 mt-1">
  80.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Species</span>
  81.                       <a href="#" span class="pull-right" style="color:#CB2E29;">[ANSWER]</span></a>
  82.                       <hr class="my-1">
  83.                     </div>
  84.                    
  85.                     <div class="col-12 col-sm-6 mt-1">
  86.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Birthday</span>
  87.                       <span class="pull-right">[ANSWER]</span>
  88.                       <hr class="my-1">
  89.                     </div>
  90.                    
  91.                     <div class="col-12 col-sm-6 mt-1">
  92.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Age</span>
  93.                       <span class="pull-right">[ANSWER]</span>
  94.                       <hr class="my-1">
  95.                     </div>
  96.                    
  97.                     <div class="col-12 col-sm-6 mt-1">
  98.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Gender</span>
  99.                       <span class="pull-right">[ANSWER]</span>
  100.                       <hr class="my-1">
  101.                     </div>
  102.                    
  103.                     <div class="col-12 col-sm-6 mt-1">
  104.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Orientation</span>
  105.                       <span class="pull-right">[ANSWER]</span>
  106.                       <hr class="my-1">
  107.                     </div>
  108.                    
  109.                     <div class="col-12 col-sm-6 mt-1">
  110.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Occupation</span>
  111.                       <span class="pull-right">[ANSWER]</span>
  112.                       <hr class="my-1">
  113.                     </div>
  114.                    
  115.                     <div class="col-12 col-sm-6 mt-1">
  116.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Country Of Origin</span>
  117.                       <span class="pull-right">[ANSWER]</span>
  118.                       <hr class="my-1">
  119.                     </div>
  120.                    
  121.                   </div><!-- End Q&A -->
  122.                   <!------ END Q&A ----->
  123.                  
  124.                   <!------ START TEXT ----->
  125.                   <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Overview</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  126.                   <p>[OVERVIEWTEXT]</p>
  127.                   <p style="color:#000000;">-</p>
  128.                   <!------ END TEXT ----->
  129.                  
  130.                   <!------ START TEXT ----->
  131.                   <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Background</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  132.                   <p>[BACKGROUNDTEXT]</p>
  133.                   <p style="color:#000000;">-</p>
  134.                   <!------ END TEXT ----->
  135.                  
  136.                   <!------ START TEXT ----->
  137.                   <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Present Story</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  138.                   <p>[PRESENTTEXT]</p>
  139.                   <p style="color:#000000;">-</p>
  140.                   <!------ END TEXT ----->
  141.                  
  142.                   <!------ START TRIVIA & RELATIONSHIPS ----->
  143.                   <div class="row no-gutters">
  144.                    
  145.                     <!------ START TRIVIA ----->
  146.                     <div class="col-lg-6">
  147.                       <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Trivia</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  148.                       <ul>
  149.                         <li>[TRIVIA]</li>
  150.                       </ul>
  151.                     </div>
  152.                     <!------ END TRIVIA ----->
  153.                    
  154.                     <!------ START RELATIONSHIPS ----->
  155.                     <div class="col-lg-6">
  156.                       <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Relationships</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  157.                       <ul>
  158.                         <li><span style="color:#CB2E29;">[RELATIONSHIPCHARACTER]</span> -  [RELATIONSHIPTEXT]</li>
  159.                         <li><span style="color:#CB2E29;">[RELATIONSHIPCHARACTER]</span> -  [RELATIONSHIPTEXT]</li>
  160.                       </ul>
  161.                     </div>
  162.                     <!------ END RELATIONSHIPS ----->
  163.                    
  164.                   </div>
  165.                   <!------ END TRIVIA & RELATIONSHIPS ----->
  166.                  
  167.                 </div><!--End Tab Set-Up-->
  168.               </div><!-- End Tab -->
  169.               <!------------------------------- END TAB 1 -------------------------------->
  170.              
  171.               <!------------------------------- START TAB 2 -------------------------------->
  172.               <div class="tab-pane fade" id="two"><!-- Start Tab-->
  173.                 <div class="card-body p-3 table-responsive" style="max-height:675px;"><!-- Sets Up Tab -->
  174.                  
  175.                   <div class="row mb-2 p-4" style="margin-right:auto; margin-left:auto;"><!-- Sets up Q&A -->
  176.                    
  177.                     <!------ START Q&A ----->
  178.                     <div class="col-12 col-sm-6 mt-1"><!-- Start Q&A -->
  179.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Name</span>
  180.                       <span class="pull-right">[ANSWER]</span>
  181.                       <hr class="my-1">
  182.                     </div>
  183.                    
  184.                     <div class="col-12 col-sm-6 mt-1">
  185.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Species</span>
  186.                       <a href="#" span class="pull-right" style="color:#CB2E29;">[ANSWER]</span></a>
  187.                       <hr class="my-1">
  188.                     </div>
  189.                    
  190.                     <div class="col-12 col-sm-6 mt-1">
  191.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Birthday</span>
  192.                       <span class="pull-right">[ANSWER]</span>
  193.                       <hr class="my-1">
  194.                     </div>
  195.                    
  196.                     <div class="col-12 col-sm-6 mt-1">
  197.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Age</span>
  198.                       <span class="pull-right">[ANSWER]</span>
  199.                       <hr class="my-1">
  200.                     </div>
  201.                    
  202.                     <div class="col-12 col-sm-6 mt-1">
  203.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Gender</span>
  204.                       <span class="pull-right">[ANSWER]</span>
  205.                       <hr class="my-1">
  206.                     </div>
  207.                    
  208.                     <div class="col-12 col-sm-6 mt-1">
  209.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Orientation</span>
  210.                       <span class="pull-right">[ANSWER]</span>
  211.                       <hr class="my-1">
  212.                     </div>
  213.                    
  214.                     <div class="col-12 col-sm-6 mt-1">
  215.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Occupation</span>
  216.                       <span class="pull-right">[ANSWER]</span>
  217.                       <hr class="my-1">
  218.                     </div>
  219.                    
  220.                     <div class="col-12 col-sm-6 mt-1">
  221.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Country Of Origin</span>
  222.                       <span class="pull-right">[ANSWER]</span>
  223.                       <hr class="my-1">
  224.                     </div>
  225.                    
  226.                   </div><!-- End Q&A -->
  227.                   <!------ END Q&A ----->
  228.                  
  229.                   <!------ START TEXT ----->
  230.                   <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Overview</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  231.                   <p>[OVERVIEWTEXT]</p>
  232.                   <p style="color:#000000;">-</p>
  233.                   <!------ END TEXT ----->
  234.                  
  235.                   <!------ START TEXT ----->
  236.                   <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Background</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  237.                   <p>[BACKGROUNDTEXT]</p>
  238.                   <p style="color:#000000;">-</p>
  239.                   <!------ END TEXT ----->
  240.                  
  241.                   <!------ START TEXT ----->
  242.                   <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Present Story</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  243.                   <p>[PRESENTTEXT]</p>
  244.                   <p style="color:#000000;">-</p>
  245.                   <!------ END TEXT ----->
  246.                  
  247.                   <!------ START TRIVIA & RELATIONSHIPS ----->
  248.                   <div class="row no-gutters">
  249.                    
  250.                     <!------ START TRIVIA ----->
  251.                     <div class="col-lg-6">
  252.                       <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Trivia</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  253.                       <ul>
  254.                         <li>[TRIVIA]</li>
  255.                       </ul>
  256.                     </div>
  257.                     <!------ END TRIVIA ----->
  258.                    
  259.                     <!------ START RELATIONSHIPS ----->
  260.                     <div class="col-lg-6">
  261.                       <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Relationships</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  262.                       <ul>
  263.                         <li><span style="color:#CB2E29;">[RELATIONSHIPCHARACTER]</span> -  [RELATIONSHIPTEXT]</li>
  264.                         <li><span style="color:#CB2E29;">[RELATIONSHIPCHARACTER]</span> -  [RELATIONSHIPTEXT]</li>
  265.                       </ul>
  266.                     </div>
  267.                     <!------ END RELATIONSHIPS ----->
  268.                    
  269.                   </div>
  270.                   <!------ END TRIVIA & RELATIONSHIPS ----->
  271.                  
  272.                 </div><!--End Tab Set-Up-->
  273.               </div><!-- End Tab -->
  274.               <!------------------------------- END TAB 2 -------------------------------->
  275.              
  276.               <!------------------------------- START TAB 3 -------------------------------->
  277.               <div class="tab-pane fade" id="three"><!-- Start Tab-->
  278.                 <div class="card-body p-3 table-responsive" style="max-height:675px;"><!-- Sets Up Tab -->
  279.                  
  280.                   <div class="row mb-2 p-4" style="margin-right:auto; margin-left:auto;"><!-- Sets up Q&A -->
  281.                    
  282.                     <!------ START Q&A ----->
  283.                     <div class="col-12 col-sm-6 mt-1"><!-- Start Q&A -->
  284.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Name</span>
  285.                       <span class="pull-right">[ANSWER]</span>
  286.                       <hr class="my-1">
  287.                     </div>
  288.                    
  289.                     <div class="col-12 col-sm-6 mt-1">
  290.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Species</span>
  291.                       <a href="#" span class="pull-right" style="color:#CB2E29;">[ANSWER]</span></a>
  292.                       <hr class="my-1">
  293.                     </div>
  294.                    
  295.                     <div class="col-12 col-sm-6 mt-1">
  296.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Birthday</span>
  297.                       <span class="pull-right">[ANSWER]</span>
  298.                       <hr class="my-1">
  299.                     </div>
  300.                    
  301.                     <div class="col-12 col-sm-6 mt-1">
  302.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Age</span>
  303.                       <span class="pull-right">[ANSWER]</span>
  304.                       <hr class="my-1">
  305.                     </div>
  306.                    
  307.                     <div class="col-12 col-sm-6 mt-1">
  308.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Gender</span>
  309.                       <span class="pull-right">[ANSWER]</span>
  310.                       <hr class="my-1">
  311.                     </div>
  312.                    
  313.                     <div class="col-12 col-sm-6 mt-1">
  314.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Orientation</span>
  315.                       <span class="pull-right">[ANSWER]</span>
  316.                       <hr class="my-1">
  317.                     </div>
  318.                    
  319.                     <div class="col-12 col-sm-6 mt-1">
  320.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Occupation</span>
  321.                       <span class="pull-right">[ANSWER]</span>
  322.                       <hr class="my-1">
  323.                     </div>
  324.                    
  325.                     <div class="col-12 col-sm-6 mt-1">
  326.                       <span class="badge" style="color:#FFFFFF; font-size:1rem; background:#CB2E29; border:#CB2E29 1px solid; border-radius:0px">Country Of Origin</span>
  327.                       <span class="pull-right">[ANSWER]</span>
  328.                       <hr class="my-1">
  329.                     </div>
  330.                    
  331.                   </div><!-- End Q&A -->
  332.                   <!------ END Q&A ----->
  333.                  
  334.                   <!------ START TEXT ----->
  335.                   <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Overview</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  336.                   <p>[OVERVIEWTEXT]</p>
  337.                   <p style="color:#000000;">-</p>
  338.                   <!------ END TEXT ----->
  339.                  
  340.                   <!------ START TEXT ----->
  341.                   <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Background</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  342.                   <p>[BACKGROUNDTEXT]</p>
  343.                   <p style="color:#000000;">-</p>
  344.                   <!------ END TEXT ----->
  345.                  
  346.                   <!------ START TEXT ----->
  347.                   <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Present Story</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  348.                   <p>[PRESENTTEXT]</p>
  349.                   <p style="color:#000000;">-</p>
  350.                   <!------ END TEXT ----->
  351.                  
  352.                   <!------ START TRIVIA & RELATIONSHIPS ----->
  353.                   <div class="row no-gutters">
  354.                    
  355.                     <!------ START TRIVIA ----->
  356.                     <div class="col-lg-6">
  357.                       <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Trivia</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  358.                       <ul>
  359.                         <li>[TRIVIA]</li>
  360.                       </ul>
  361.                     </div>
  362.                     <!------ END TRIVIA ----->
  363.                    
  364.                     <!------ START RELATIONSHIPS ----->
  365.                     <div class="col-lg-6">
  366.                       <span style="color:#CB2E29; font-family:'comic sans ms'; font-size:1.4rem;">Relationships</span><hr class="mt-1 mb-2"><!-- Sub-Heading -->
  367.                       <ul>
  368.                         <li><span style="color:#CB2E29;">[RELATIONSHIPCHARACTER]</span> -  [RELATIONSHIPTEXT]</li>
  369.                         <li><span style="color:#CB2E29;">[RELATIONSHIPCHARACTER]</span> -  [RELATIONSHIPTEXT]</li>
  370.                       </ul>
  371.                     </div>
  372.                     <!------ END RELATIONSHIPS ----->
  373.                    
  374.                   </div>
  375.                   <!------ END TRIVIA & RELATIONSHIPS ----->
  376.                  
  377.                 </div><!--End Tab Set-Up-->
  378.               </div><!-- End Tab -->
  379.               <!------------------------------- END TAB 3 -------------------------------->
  380.              
  381.               <!---------------- COPY AND PASTE NEW TAB HERE TO ADD MORE ----------------->
  382.              
  383.             </div>
  384.           </div>
  385.           <!------------------------------- END INFO -------------------------------->
  386.          
  387.         </div>
  388.         <!------------------------------- END PLAYLIST, REWARDS, & INFO -------------------------------->
  389.      
  390.       <!------------------------------- START GALLERY-BUTTON -------------------------------->
  391.       <div class="col-12 py-3 text-center" style="background-color:#556855; border-top:none; border-left:#556855 8px solid; border-right:#556855 8px solid; border-bottom:#556855 8px solid;">
  392.         <a href="[LINK]" data-toggle="tooltip" title="Image 1" data-original-title="Image 1" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-water"></i></a>
  393.         <a href="[LINK]" data-toggle="tooltip" title="Image 2" data-original-title="Image 2" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-water"></i></a>
  394.         <a href="[LINK]" data-toggle="tooltip" title="Header Background Image" data-original-title="Header Background Image" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-sun"></i></a>
  395.         <a href="https://toyhou.se/19768129.multiple-characters" data-toggle="tooltip" title="Code by: TomcatCodes / CrispinAsheYA" data-original-title="Code by: TomcatCodes / CrispinAsheYA" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-moon-stars"></i></a>
  396.         <a href="https://toyhou.se/16006417.overlay" data-toggle="tooltip" title="Header Code Frankensteined From: CuckooHoopoe" data-original-title="Header Code Frankensteined From: CuckooHoopoe" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-ghost"></i></a>
  397.         <a href="[LINK]" data-toggle="tooltip" title="Image 3" data-original-title="Image 3" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-water"></i></a>
  398.         <a href="[LINK]" data-toggle="tooltip" title="Image 4" data-original-title="Image 4" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-water"></i></a>
  399.       </div>
  400.       <!------------------------------- END GALLERY-BUTTON -------------------------------->
  401.      
  402.     </div>
  403.   </div>
  404.   <!------------------------------- END ACTUAL CODE -------------------------------->
  405.  
  406. </div> <!-- End Background -->
  407.  
  408. <!--
  409. How To Use Changeable Variables:
  410. 1. Press [CTRL]+F on your keyboard
  411. 2. Press the "+" button at the bottom left of the window
  412. 3. Highlight one of the variables written similar to: [VARIABLE]
  413. 4. Write the new variable in the section in the Find&Replace that says "replace with"
  414. 5. Press the "all" on the right of the "Replace with" input bar.
  415.  
  416. [STORYNAME] | [MOTTO] | [CHARACTER1] | [CHARACTER2] | [CHARACTER3] | [IMAGE] | [QUESTION] | [ANSWER] | [OVERVIEWTEXT] | [BACKGROUNDTEXT] | [PRESENTTEXT] | | [TRIVIA] | | [RELATIONSHIPCHARACTER] | | [RELATIONSHIPTEXT] | [LINK]
  417.  
  418. -->
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!