سلام!
داشتم قالب درست میکردم یهو نمیدونم چیشد وسطش به این رسیدم. D: امیدوارم دوستش داشته باشین و لذتش رو ببرین. همچنین منتظر قالبهای جدید باشین. 3>
آموزش گذاشتن این موزیک پلیر دقیقا مثل همون قبلیهست که از اینجا میتونین ببینین.
کد موزیک پلیر:
<div class="container" style="display: flex; max-width: 330px;background-color: #fafafa; direction: ltr; margin: 0 auto; flex: 1 1 0;"> <div class="img" style="background-image: url(#YOUR IMAGE);background-size: cover; background-position: center; width: 100%; outline: 4px solid white; outline-offset: -13px; "> </div> <div class="audio-info" style="width: 100%;"> <div class="audinfo" style="position: relative;top: 50%;transform: translateY(-50%);font-family: opsans;font-size: 9px;text-transform: uppercase; letter-spacing: 1px; direction: ltr; padding: 1em;"> <div class="aud-track" style="font-family: bebas; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px;">TrackName</div> Album<br> By Artist<br><br> <a href="http://magic-spirit.blog.ir/" target="_blank" style="font-family: bebas; font-size: 8px; text-decoration: none; color: gray; letter-spacing: 2px; margin-bottom: 5px;">Magic Spirit</a> <div class="audp"> <audio controls style="display:inline-block;height: 30px; margin-top: 11px;width:100px; opacity: 0.8; margin-left: 15px;"> <source src="#YOUT MUSIC" type="audio/mpeg"> Your browser does not support the audio element. </audio> </div> </div> </div> </div>
لطفا لینک مجیک اسپریت رو به احترام زحمتی که سازنده کشیده برندارید. =)