API tools faq
paste
Advertisement
CrispinAsheYA

Explore OC's Bedroom (Custom Colours)

CrispinAsheYA
Jan 15th, 2025
12
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.47 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/17098747.03-terms-of-service --
  2.  
  3. Version: 1.1 - Made mobile friendlier
  4.  
  5. Default Colours
  6. -Text Colour: #FEA758
  7. -Background Colour: #532202
  8. -
  9. -Text White: #FFFFFF
  10. -Border Black: #000000
  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 Image & Icons -->
  20. <div style="text-align:center; position:relative;">
  21.  
  22. <!-- Bedroom Image -->
  23. <img src="[IMGBACKGROUND]" style="width:100%; height:auto;">
  24.  
  25. <!-- Start Star Placements -->
  26. <ul class="nav">
  27. <li class="nav-item border-0"><a href="#point1" class="nav-link" data-toggle="tab" style="position:absolute; top:15%; left:35%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  28. <li class="nav-item border-0"><a href="#point2" class="nav-link" data-toggle="tab" style="position:absolute; top:40%; left:38%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  29. <li class="nav-item border-0"><a href="#point3" class="nav-link" data-toggle="tab" style="position:absolute; top:20%; left:40%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  30. <li class="nav-item border-0"><a href="#point4" class="nav-link" data-toggle="tab" style="position:absolute; top:0%; left:48%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  31. <li class="nav-item border-0"><a href="#point5" class="nav-link" data-toggle="tab" style="position:absolute; top:20%; left:48%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  32. <li class="nav-item border-0"><a href="#point6" class="nav-link" data-toggle="tab" style="position:absolute; top:0%; right:35%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  33. <li class="nav-item border-0"><a href="#point7" class="nav-link" data-toggle="tab" style="position:absolute; top:5%; right:25%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  34. <li class="nav-item border-0"><a href="#point8" class="nav-link" data-toggle="tab" style="position:absolute; top:40%; right:25%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  35. <li class="nav-item border-0"><a href="#point9" class="nav-link" data-toggle="tab" style="position:absolute; bottom:10%; right:10%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  36. <li class="nav-item border-0"><a href="#point10" class="nav-link" data-toggle="tab" style="position:absolute; bottom:10%; right:25%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  37. <li class="nav-item border-0"><a href="#point11" class="nav-link" data-toggle="tab" style="position:absolute; bottom:10%; right:35%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  38. <li class="nav-item border-0"><a href="#point12" class="nav-link" data-toggle="tab" style="position:absolute; bottom:10%; left:10%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  39. <li class="nav-item border-0"><a href="#point13" class="nav-link" data-toggle="tab" style="position:absolute; bottom:30%; left:15%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  40. <li class="nav-item border-0"><a href="#point14" class="nav-link" data-toggle="tab" style="position:absolute; bottom:45%; left:20%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  41. <li class="nav-item border-0"><a href="#point15" class="nav-link" data-toggle="tab" style="position:absolute; bottom:45%; left:30%; font-size:1.5rem; color:#FFFFFF;"><i class="fas fa-star"></i></a></li>
  42. </ul>
  43. <!-- End Star Placements -->
  44.  
  45. </div>
  46. <!-- End Image & Icons -->
  47.  
  48. <!-- Start Descriptions -->
  49. <div class="tab-content p-2" style="color:#FEA758;">
  50.  
  51. <div class="tab-pane fade p-3" id="point1" style="background-color:#532202; border:#000000 8px solid;">
  52. <p>[DESCRIPTION]</p>
  53. </div>
  54.  
  55. <div class="tab-pane fade p-3" id="point2" style="background-color:#532202; border:#000000 8px solid;">
  56. <p>[DESCRIPTION]</p>
  57. </div>
  58.  
  59. <div class="tab-pane fade p-3" id="point3" style="background-color:#532202; border:#000000 8px solid;">
  60. <p>[DESCRIPTION]</p>
  61. </div>
  62.  
  63. <div class="tab-pane fade p-3" id="point4" style="background-color:#532202; border:#000000 8px solid;">
  64. <p>[DESCRIPTION]</p>
  65. </div>
  66.  
  67. <div class="tab-pane fade p-3" id="point5" style="background-color:#532202; border:#000000 8px solid;">
  68. <p>[DESCRIPTION]</p>
  69. </div>
  70.  
  71. <div class="tab-pane fade p-3" id="point6" style="background-color:#532202; border:#000000 8px solid;">
  72. <p>[DESCRIPTION]</p>
  73. </div>
  74.  
  75. <div class="tab-pane fade p-3" id="point7" style="background-color:#532202; border:#000000 8px solid;">
  76. <p>[DESCRIPTION]</p>
  77. </div>
  78.  
  79. <div class="tab-pane fade p-3" id="point8" style="background-color:#532202; border:#000000 8px solid;">
  80. <p>[DESCRIPTION]</p>
  81. </div>
  82.  
  83. <div class="tab-pane fade p-3" id="point9" style="background-color:#532202; border:#000000 8px solid;">
  84. <p>[DESCRIPTION]</p>
  85. </div>
  86.  
  87. <div class="tab-pane fade p-3" id="point10" style="background-color:#532202; border:#000000 8px solid;">
  88. <p>[DESCRIPTION]</p>
  89. </div>
  90.  
  91. <div class="tab-pane fade p-3" id="point11" style="background-color:#532202; border:#000000 8px solid;">
  92. <p>[DESCRIPTION]</p>
  93. </div>
  94.  
  95. <div class="tab-pane fade p-3" id="point12" style="background-color:#532202; border:#000000 8px solid;">
  96. <p>[DESCRIPTION]</p>
  97. </div>
  98.  
  99. <div class="tab-pane fade p-3" id="point13" style="background-color:#532202; border:#000000 8px solid;">
  100. <p>[DESCRIPTION]</p>
  101. </div>
  102.  
  103. <div class="tab-pane fade p-3" id="point14" style="background-color:#532202; border:#000000 8px solid;">
  104. <p>[DESCRIPTION]</p>
  105. </div>
  106.  
  107. <div class="tab-pane fade p-3" id="point15" style="background-color:#532202; border:#000000 8px solid;">
  108. <p>[DESCRIPTION]</p>
  109. </div>
  110.  
  111. </div>
  112. <!-- End Descriptions -->
  113.  
  114. <!-- CREDIT, DO NOT REMOVE -->
  115. <p class="text-center"><a href="https://toyhou.se/24397532.explore-ocs-bedroom" style="color:#FFFFFF;"><i class="fas fa-code"></i> Code by TomcatCodes / CrispinAsheYA <i class="fas fa-code"></i></a></p>
  116.  
  117. <!--
  118. [IMGBACKGROUND] | [DESCRIPTION]
  119. -->
  120.  
  121. </div>
  122. </div>
  123. <!----------- END WHERE YOU PUT YOUR SOURCE CODES ----------->
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!