Buzzly but its for TH (Music Box)

CuckooHoopoe

Info

Created: 2 years, 2 months ago
Creator: CuckooHoopoe
Favorites: 1

Profile

Music Box [f2u]

Heres the music box code, you can use it on its own if you want or with the introduction code. If you use it with the introduction code then add it above the line that says:


Features

Mobile Friendly
Custom colours
Beginner friendly

IMPORTANT NOTES

Background not included
Don't use WYSIWYG

Code Rules

Code


<!--
COLOURS:
  » highlight the numbers i have written below
  » hit ctrl f
  » hit the plus sign 
  » put in your new colour (use hex codes)
  » click the "all" button - this automatically replaces all the colours
  
  17, 24, 39            background & box colour
  D1D5DB                text colour
  60A5FA                accent colour
  
  SOURCE                link where you got the image
  IMAGE_ADDRESS         image address :^)
 -->
    
    
<div class="container" style="max-width:700px; color:#D1D5DB;">

  <!-- song one -->
  <div class="row no-gutters mb-2">
    <div class="col-4">
      <div class="card border-0 rounded-0 p-2 m-1 h-100" style="background:rgba(17, 24, 39, 0.8)">
        <!-- replace YOUTUBE_CODE with your song -->
        <iframe class="h-100" src="https://www.youtube.com/embed/YOUTUBE_CODE?controls=0" 
          title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
      </div>
    </div>
    <div class="col-8">
      <div class="card border-0 rounded-0 p-2 m-1 h-100" style="background:rgba(17, 24, 39, 0.8); font-size:15px">
        <p class="mb-0 lead"><span style="color:#60A5FA;">Title</span> - Artist</p>
        <p class="font-italic">
          Can be a description why you like this song or lyrics
          <br> use the br tag for a new line
        </p>
      </div>
    </div>
  </div>

  <!-- song two -->
  <div class="row no-gutters mb-2">
    <div class="col-4">
      <div class="card border-0 rounded-0 p-2 m-1 h-100" style="background:rgba(17, 24, 39, 0.8)">
        <!-- replace YOUTUBE_CODE with your song -->
        <iframe class="h-100" src="https://www.youtube.com/embed/YOUTUBE_CODE?controls=0" 
          title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
      </div>
    </div>
    <div class="col-8">
      <div class="card border-0 rounded-0 p-2 m-1 h-100" style="background:rgba(17, 24, 39, 0.8); font-size:15px">
        <p class="mb-0 lead"><span style="color:#60A5FA;">Title</span> - Artist</p>
        <p class="font-italic">
          Can be a description why you like this song or lyrics
          <br> use the br tag for a new line
        </p>
      </div>
    </div>
  </div>

  <!-- add more above this line -->
</div>

Title - Artist

Can be a description why you like this song or lyrics
use the br tag for a new line

Title - Artist

Can be a description why you like this song or lyrics
use the br tag for a new line

Recent Images

No images.