Hello :D I have 2 questions 1. would it be okay If I draw a fanart of him I really like his design :D 2. what kind of code do you use for the playlist part :o ??
sorry to bother ^^'
AAAH omg fanart would absolutely be okay!! :D i'm really happy you like him!
as for the playlist, i coded that myself! here's a version of it if you wanna use it:
<div class="card bg-faded">
<!-- PLAYLIST ------->
<h5 class="bg-primary text-white px-3 py-2 my-0 rounded-top">
Playlist
<a href="#" data-target="#playlist" data-slide="next" class="pull-right text-white" style="text-decoration: none;">
<span class="fas fa-forward-step playlist" style="display: inline; font-size: 0.8em;"></span></a>
<a href="#" data-target="#playlist" data-slide="prev" class="pull-right mr-2 text-white" style="text-decoration: none;">
<span class="fas fa-backward-step playlist" style="display: inline; font-size: 0.8em;"></span></a>
</h5>
<!-- FIELDS --------->
<div id="playlist" class="carousel slide" data-ride="false" data-pause="true">
<div class="carousel-inner">
<div class="carousel-item active"><div class="row no-gutters align-items-center">
<div class="col-auto p-1"><div class="card border-0 rounded-0" style="width: 70px; height: 70px; border-radius: 0.25rem; background-size: cover; background-position: center; background-image: url('IMAGE');"></div></div>
<div class="col px-1 pt-1 pb-0">
<h3 class="mb-1">TITLE</h3><h5 class="mb-2">by ARTIST</h5>
<audio controls loop style="width: 100%; border-radius: 0.25rem; height:25px; margin-bottom: -1px;"><source src="AUDIO" type="audio/mp3"></audio>
</div>
</div></div>
<div class="carousel-item"><div class="row no-gutters align-items-center">
<div class="col-auto p-1"><div class="card border-0 rounded-0" style="width: 70px; height: 70px; border-radius: 0.25rem; background-size: cover; background-position: center; background-image: url('IMAGE');"></div></div>
<div class="col px-1 pt-1 pb-0">
<h3 class="mb-1">TITLE</h3><h5 class="mb-2">by ARTIST</h5>
<audio controls loop style="width: 100%; border-radius: 0.25rem; height:25px; margin-bottom: -1px;"><source src="AUDIO" type="audio/mp3"></audio>
</div>
</div></div>
</div>
<ol class="carousel-indicators" style="position: static; width: 100%; margin: 0; margin-bottom: 0.25rem; padding: 0 0.125rem;">
<li data-target="#playlist" style="border-radius: 0.125rem; width: 100%;" data-slide-to="0" class="active"></li>
<li data-target="#playlist" style="border-radius: 0.125rem; width: 100%;" data-slide-to="1"></li>
</ol>
</div>
</div>Hey! Sorry if this is any bother but the code on this bean’s profile is amazing, is there any way you could share it with us? (It’s totally okay if not) just looking for something like this but we don’t have the same code splicing skills you do!
Hello! :0 I am wondering what is the code used to make the text smaller? (looking at identity section) ty!
i'm glad you like him!
Chiffon's Comments