سلام
بعد از مدت ها اومدم که پست بذارم D: اگه وقت کنم کدهای قالب های جدید رو تکمیل کنم به زودی برای فروش گذاشته می شن اگه سوالی داشتید حتما بپرسید توی قالب جدید یه قسمت New messege to everyone هست که بخونیدش بد نیس :)
از موزیک پلیر جدید لذت ببرید و اینکه لینک سازنده رو لطفا برندارید D: ممنون که مثل همیشه به Magic Spirit سر می زنید و حمایتش می کنید.
آموزش گذاشتن موزیک پلیر رو از این‌جا می‌تونین ببینین.
<div class="music-player" style="display: flex; max-width: 300px; margin: 0 auto; max-height: 450px;"> <div class="first-flex" style="background-color: #f1f1f1; padding: 10px;"> <img class="aud-img" src="#YourImage" style="max-width: 270px; z-index: 1; height: auto; display: block; margin: 0 auto;"> <div id="musicplayer" style="-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; text-align: center;"> <div class="audioplayer" style="border-radius: 5000px; opacity: 1; transition: 0.6s; direction: ltr;"> <audio controls style="display:inline-block; height: 30px; margin-top: 11px; color: white;"> <source src="#YourSong" type="audio/mpeg"> Your browser does not support the audio element. </audio> <!--play--> </div> </div> <div class="second-flex" style="background-color: #b3b3b3;padding: 10px; display: flex; flex-direction: column; text-align: center; max-height: 150px"> <div class="song-name" style="font-size: 18px; margin-bottom: 3px; border-top: 1px solid #666666; color:#000;"> Song Name </div> <div class="song-singer" style="font-size: 11px; border-bottom: 1px solid #666666; color: #000;"> Artist </div> <a href="https://magic-spirit.blog.ir/" style="text-decoration: none; color: #000; letter-spacing: 2px; font-size: 9px; margin-top: 2px;">Magic Spirit</a> </div> </div> </div>
بعضی ها یا دکمه PLAY موزیک پلیر 2 مشکل داشتن برای همین کد رو تغییر دادم می تونید از کد جدید بدون مشکل استفاده کنید.
