Post by dawn on Dec 7, 2019 0:58:43 GMT -5
i know very little coding and that's only thanks to the basics of what could be done on the old forums
so i'm trying to customize some toyhouse character pages and wanted to put in a music player that would work without opening up a new link and contain it only to work when clicking a play button icon. i have no idea how to do this lol
this is the code template i started with- toyhou.se/3136031.-ref-playlist-sample (link might not work without an account idk)
and this is the code now
which looks like this
i want to embed a youtube playlist to play when the icon is clicked-- i've gotten things to sort of function? in that it'll be clickable everywhere except the play button but sometimes it'll also mess up and the song title list will disappear or even the icon. i feel like this might be a simple fix but i really have no clue how coding works and just hope i don't break anything whenever i try lmao
if anyone knows what to do i will greatly appreciate any help at this point
so i'm trying to customize some toyhouse character pages and wanted to put in a music player that would work without opening up a new link and contain it only to work when clicking a play button icon. i have no idea how to do this lol
this is the code template i started with- toyhou.se/3136031.-ref-playlist-sample (link might not work without an account idk)
<h1 class="display-4 text-uppercase text-primary bg-faded p-2 rounded"><i class="fal fa-music pull-right m-1" />Playlist</h1>
<div class="card-block pt-2">
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
<hr>
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
<hr>
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
<hr>
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
<hr>
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
</div>
<div class="card-block pt-2">
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
<hr>
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
<hr>
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
<hr>
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
<hr>
<p>Song title
<a href="LINK" target="_BLANK"><i class="fas fa-play pull-right m-1" /></a>
</p>
</div>
and this is the code now
<h1 class="display-4 text-uppercase text-primary bg-faded p-2 rounded"><i class="fas fa-play pull-right m-1" />Playlist</h1>
<div class="card-block pt-2">
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
</div>
<p>
<div style="text-align:center;"><a class="mx-0 mb-0" style="font-size:8pt;"href="
toyhou.se/lowkeywicked
"><i class="fal fa-code text-muted"></i></a></div></p>
<div class="card-block pt-2">
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
<hr>
<p>Song Title
</p>
</div>
<p>
<div style="text-align:center;"><a class="mx-0 mb-0" style="font-size:8pt;"href="
toyhou.se/lowkeywicked
"><i class="fal fa-code text-muted"></i></a></div></p>
which looks like this
i want to embed a youtube playlist to play when the icon is clicked-- i've gotten things to sort of function? in that it'll be clickable everywhere except the play button but sometimes it'll also mess up and the song title list will disappear or even the icon. i feel like this might be a simple fix but i really have no clue how coding works and just hope i don't break anything whenever i try lmao
if anyone knows what to do i will greatly appreciate any help at this point