Magic Spirit
Side-bar GIF

Magic Spirit

کدهای همین جوریِ یک مینامی الی ~!
I found humor in the wreckage. […] Maybe love is a beautiful disaster, and I am just it's favorite casualty
— @ orpheusdiary

موزیک پلیر 2

سلام!

داشتم قالب درست می‌کردم یهو نمی‌دونم چیشد وسطش به این رسیدم. 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>

لطفا لینک مجیک اسپریت رو به احترام زحمتی که سازنده کشیده برندارید. =)

 
TrackName
Album
By Artist

Magic Spirit
۱۸ نظر
شنبه ۱۰ مهر ۰۰
۱۷
نظرات (۱۸)
Li^^li ‌‌
۱۵ تیر ۰۲ ، ۱۵:۳۰

سلامممم خسته نباشید*-*

یه سوال داشتم این موزیک پلیر گزینه پخش خودکار داره؟"-"

۱۶ تیر ۰۲، ۰۱:۰۰
پاسخ:
سلام ممنون ~
نه دیگه این برای اینه که توی پست ها موزیک پلیر رو بذاری اگه تو چندتا پست بخوای موزیک پلیر رو استفاده کنی و پخش خودکارش فعال باشه به فنا میره بازدید کننده :))
~𝒎𝒊𝒕𝒔𝒖𝒓𝒊 ‌‌
۱۴ دی ۰۱ ، ۲۱:۱۵

ما قالب ۴۷ی های عرفان چه گناهی کرده بودیم که این پلیرای چرخ اورو از دست داریم میدیم؟TT من قهرم با دنیا TT

۲۵ فروردين ۰۲، ۲۰:۳۹
پاسخ:
نمی دونم والا D:
(•𝑨!𝒂•)~ 𝐼𝑡𝑠
۱۲ آبان ۰۱ ، ۱۴:۲۵

بفرمایید 

۱۲ خرداد ۰۲، ۱۸:۲۳
پاسخ:
قالب 47 ای های عرفان کلا مشکل دارن نمی دونم هم چی هست!
(•𝑨!𝒂•)~ 𝐼𝑡𝑠
۱۱ آبان ۰۱ ، ۲۳:۳۲

جالبه قبلا رئ وبم درست بود، الان خیلی اندازه ش عجیب میشه !

۱۲ آبان ۰۱، ۱۲:۱۴
پاسخ:
ویت رو نذاشتی
Choi Ruby
۲۹ مهر ۰۰ ، ۱۶:۵۷

یک چیزی

چرا آهنگ برای خودم پلی نمیشه وقتی برای پستم امتحانش کردم

ولی آهنگ این پست پلی شد؟

۱۳ آبان ۰۰، ۱۹:۵۱
پاسخ:
مشکل از قالبته. :")
𝗟𝗶𝗺 𝗔𝘆𝗹𝗶𝗻 🌙؛
۲۹ مهر ۰۰ ، ۱۵:۰۴

همینجا ازت تشکر میکنم بابت این پلیر خفن که نصف پستامو دربر گرفتxD

تنکیو که از این خفنا میسازی*-*

۱۳ آبان ۰۰، ۱۹:۵۰
پاسخ:
اوه D: خواهش میکنم!
💙🔮 𝒔𝒖𝒏𝒎𝒊
۲۸ مهر ۰۰ ، ۱۱:۴۸

سلام 

موزیک پلیر تون خیلی قشنگهه میخواستم ازش استفاده کنم 

ولی موسیقی رو پخش نمیکنه توی پست میشه بگید مشکل از چیه 

همه کار هاش رو هم انجام میدم ولی بازم پخش نمیشه:(

۱۳ آبان ۰۰، ۱۹:۵۰
پاسخ:
سلام.
رجوع شود به کامنت های پایین تر. D:
آیســــ ـــان
۲۸ مهر ۰۰ ، ۱۱:۴۳

سلامD:

من عاشق این موزیک پلیرم ولی هر روشی که امتحان میکنم تو پست ها کج و کوله میشه تازه پخش هم نمیکنه:(

۱۳ آبان ۰۰، ۱۹:۴۹
پاسخ:
سلام!
آره این بخاطر قالب 47 عرفانه. توی اون قالب کار نمیکنه. اگه وقت کنم یه کد جدید برای قالب 47 عرفان درست میکنم.
(: NarXeS
۲۶ مهر ۰۰ ، ۱۲:۴۲

بسی زیباست *-*\

من ازش استفاده کردم^^

۱۳ آبان ۰۰، ۱۹:۴۸
پاسخ:
خوشحالم که دوستش داشتی *-*
Lili Chibia
۲۳ مهر ۰۰ ، ۱۷:۵۱

سلاممم

اینجا چیقده اکلیلیه😍

بااجازت از موزیکات استفاده میکنم منبع رو هم میزارم

۱۳ آبان ۰۰، ۱۹:۴۶
پاسخ:
سلام :)
آره حتما! خوشحال میشم استفاده کنی. 3>
Nastaka Sharon
۱۲ مهر ۰۰ ، ۱۰:۳۱

خیلییی قشنگههه*----*

مرسی واقعا سنپای چون گذاشتن آهنگ تو وب شده بود یکی از معضلام:>

۱۳ آبان ۰۰، ۱۹:۴۵
پاسخ:
خواهش میکنم XDD
sara du
۱۱ مهر ۰۰ ، ۱۷:۱۰

چه خوشگلههه^^

۱۳ آبان ۰۰، ۱۹:۴۱
پاسخ:
تنکس :")
𝑯𝒚𝒆𝒐𝒏 𝒓𝒊
۱۱ مهر ۰۰ ، ۱۳:۲۱

خیلی خوشگله *-*

فقط یه سوال..من وقتی امتحانش کردم این قسمت وسطش مثل همینی که خودت گذاشتی نشد چرا :"

۱۳ آبان ۰۰، ۱۹:۴۱
پاسخ:
توی کد تغییراتی دادی؟ :")
اگه تغییر ندادی از قالبته. توی قالب 47 عرفان یه مشکلی داره که کار نمیکنه.
nanami kiwi
۱۱ مهر ۰۰ ، ۰۹:۳۲

محشره

ددکمتققانخققثثهحجچ

۱۳ آبان ۰۰، ۱۹:۴۰
پاسخ:
آریگاتوو *^*
𝓼𝓮𝓵𝓮𝓷𝓮 𝓬𝓱𝓪𝓷 ッ
۱۱ مهر ۰۰ ، ۰۶:۵۲

وای این چه قشنگه:")

خسته نباشی:")

۱۳ آبان ۰۰، ۱۹:۴۰
پاسخ:
متشکرم :)))
🎼 کالیستا
۱۰ مهر ۰۰ ، ۲۳:۰۳

وای مرسییییی.TT

۱۳ آبان ۰۰، ۱۹:۴۰
پاسخ:
خواهش میکنم *-*
𝓭𝓲𝓪𝓷𝓪 .𝔂
۱۰ مهر ۰۰ ، ۲۲:۲۰

وااایی اهنگ گنشینههههه خیلی خوبهههه این وووییی: "🍜

۱۳ آبان ۰۰، ۱۹:۴۰
پاسخ:
آرههه گنشین بازی میکنی تو هم. :)))
🎼 کالیستا
۱۰ مهر ۰۰ ، ۲۱:۵۸

آخی چه گوگولیه.*-*

میشه رنگشو صورتی کرد؟ (مثلا رنگ قالب وبم؟)

+

فایتینگ برای قالب های جدید.*-*

۱۰ مهر ۰۰، ۲۲:۰۳
پاسخ:
اره میشه بذار بهت بدم:
<div id="wrapper" style=" width: 390px; height: 160px; overflow: hidden; margin: auto;">
  <div id="first" style="width: 150px;float:left; height: 150px;display: block;opacity: 1;outline: 4px solid white;outline-offset: -13px;
  background-image: url(https://s4.uupload.ir/files/tumblr_mopdxhyd7p1rl9td5o1_500_cayv.jpg);background-size: cover;background-position: center;">
    <div class="audioplayer" style="background-color: #fff;width: 38px;height: 38px;overflow: hidden;margin: 60px;z-index: 10;border-radius: 5000px;
    opacity: 0.4; transition: 0.6s;direction: ltr;">
  <div class="audp" style="margin-left: -5px;">
    <audio controls>
      <source src="#YOUR MUSIC" type="audio/mpeg">
      Your browser does not support the audio element.
    </audio>
  </div>
  <!--audp-->
</div>
<!--audioplayer-->
  </div>
  <div id="second" style="overflow: hidden;background-color: #f3d7d7;height: 150px; padding: 0 10px 0 20px;">
    <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;">
      <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>
    <!--audinfo-->
  </div>
</div>

منتظر باشید D:

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
[ آخرین آپدیت‌ها ]
[ بخش‌ها ]
MagicSpirit در حال حاضر ممکنه دیرتر به کامنت ها جواب بده ولی مطمئن باشید که همش خونده میشه. اگه وقت کنم کدهای رایگان بیشتری می‌ذارم. احیانا اگه توی کدها مشکل یا باگی دیدید برام پیام بذارید در اسرع وفت درستش میکنم.