Summer Theme

قالب رو برای کسایی که دوست دارن شخصی سازی هم می کنم. یعنی لازم نیست که حتما همین عکس ها و همین رنگ ها باشه. :")

ویژگی‌ها:

• ریسپانسیو برای تبلت و گوشی.
• نیاز به خریداری جاوا اسکریپت داره.
• دو منو ثابت.

قیمت: 29 هزار تومان.

از طریق این لینک می‌تونید پرداخت کنید.

موزیک پلیر 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

موزیک پلیر رایگان برای پست های بیان

سلام!

یه موزیک پلیر درست کردم که اگه خواستید تو پست هاتون موزیک بذارید می تونید ازش استفاده کنید. با عشق این پلیر درست شده لطفا با عشق ازش استفاده کنید :)

فیلم آموزشی رو تو همین پست گذاشتم احیانا اگر سوالی داشتید ازم بپرسید.

کدهایی که توی ویدیو استفاده شده (لینک آهنگتون رو جای Your music بذارید و لینک عکسی که می خواهید رو جای your picture):

<section class="music-player" style="background: white; border-radius: 15px; box-shadow: 0 15px 40px -30px #000; width: 330px; overflow: hidden; margin: 10px auto;
  direction: ltr;">
  <header class="music-player--banner" style=" background: url(#your picture);
  background-size: cover; background-position: center; height: 200px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); position: relative; z-index: 1;">
    <div class="credit" style="z-index: 999;margin-left: 10px;">
      <a href="http://magic-spirit.blog.ir/" target="_blank" style="text-decoration: none; color:#808080; font-family: Reenie Beanie; font-size: 15px;">
      MagicSpirit
      </a></div>
  </header>
  <main class="music-player--main">
    <div class="music-player--controls" style="padding:0px 10px 20px 10px;!important">
      <audio controls style="width:50px; display:inline-block;height: 30px; margin-top: 18px;">
        <source src="#Your music" type="audio/mpeg">
        Your browser does not support the audio element.
      </audio>
      <div class="song-info" style="display:inline-block; background: rgb(242, 242, 242, 0.7); padding: 4px; width: 78%">
        <div class="song-info--title" style="font-size: 18px; color:#8E8E8E; font-family:Reenie Beanie;">A Silent Voice</div>
        <div class="song-info--artist" style="font-size: 11px; color:#b3b3b3; font-family:sans-serif;">Koe no Katachi</div>
      </div>
    </div>
  </main>
</section>

این کد دوم که استفاده شده برای تغییر دادن فونت اسم آهنگ و بقیه متن های استفاده شده در موزیک پلیر هست.

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

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

<link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet" type="text/css">

بعدا نوشت: کد موزیک پلیر رو عوض کردم یه مشکل کوچیکی توش بود، کد جدید رو جایگزین کد قبلی کردم. اگه از این کد توی بعضی از پست هاتون استفاده کردید اون کد رو با این یکی عوض کنید چون تو بعضی قالب ها مشکل به وجود می آورد مخصوصا قالب های responsive. تنکس!

MagicSpirit

A Silent Voice

Koe no Katachi

Computer Theme

 

ویژگی‌ها:

• ریسپانسیو برای تبلت و گوشی.
• نیاز به خریداری جاوا اسکریپت داره.
• دارای موزیک پلیر.
• منو ثابت.

قیمت: 29 هزار تومان.

از طریق این لینک می‌تونید پرداخت کنید.

Kaneki Theme (Dark version)

ویژگی‌ها:

• ریسپانسیو برای تبلت و گوشی.
• نیاز به خریداری جاوا اسکریپت داره.
• دارای افکت عکس.
• تم دارک قالب شماره 6.

قیمت: 29 هزار تومان.

از طریق این لینک می‌تونید پرداخت کنید.

Keneki Theme (Light version)

ویژگی‌ها:

• ریسپانسیو برای تبلت و گوشی.
• منو ثابت.
• نیاز به خریداری جاوا اسکریپت داره.
• دارای افکت عکس.

قیمت: 29 هزار تومان.

از طریق این لینک می‌تونید پرداخت کنید.

Gojo Theme

ویژگی ها:

• ریسپانسیو برای تبلت و گوشی.
• هدر و منو ثابت.
• نیاز به خریداری کد جاوا اسکریپت داره.
• دارای افکت عکس.

قیمت: 29 هزار تومان.

از طریق این لینک می‌تونید پرداخت کنید.

Stars Theme

سلام!

خیلی وقت بود توی بیان فعالیت نداشتم. یه مقدار سرم شلوغ بود. ولی از الان تا مدت نامعلومی؛ می‌خوام قالب جدید بذارم. امیدوارم خوشتون بیاد. :)

ویژگی‌های قالب:

•  ریسپانسیو برای گوشی و تبلت.
•  نیاز به خریداری کد جاوا اسکریپت داره.
•  منو ثابت.
•  بکگراند متحرک.
•  در صورت نیاز موزیک‌پلیر هم روش گذاشته می‌شه.
• دارای افکت عکس.

قیمت: 29 هزار تومان.

از طریق این لینک می‌تونید پرداخت کنید.

Original Magic Spirit is gone forever

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

هیچوقت یادم نمی ره، اون روزهایی رو که توی نهال بودیم و من خیلی اتفاقی با میهن بلاگ آشنا شدم. چقدر ذوق داشتم برای اینکه زودتر یه وبلاگ بزنم. اون اوایل اسمم رو السا اسپارکل انتخاب کرده بودم. :") چقدر دوستش داشتم! چقدر توی حال و هوای پونی بودیم! یادمه که اولین کامنتم رو پرنسس لونا داد. حتی نمی دونم اسم واقعیش چی بود، و حتی آدرس وبلاگش رو هم فراموش کردم. یکم بعدتر، وبلاگ السا اسپارکل هک شد XD یعنیا، افسرده شده بودم به معنای واقعی! تمام خانواده من رو مسخره کردن اون شب. چون بغضم هر لحظه می خواست بترکه ولی جلوی خودم رو گرفته بودم... بعد از اون، بنا بر دلایلی که از گفتنشان معذوریم، بنده اسمم را به مینامی الی تغییر داده و تاکنون این اسم را حفظ کرده ام! D:

اولین کامنت من به عنوان مینامی الی، شخص شخیص ددی بود! (ملقب به سارا D:) بقیه جریانات رو هم خودتون می دونید دیگه. البته یه سری جریانات هم هست که شما اطلاع ندارید، که مسائل شخصی خود بنده ست و... P:

فکر نکنم جای دیگه ای برام مثل میهن بلاگ بشه. امید داشتم که برگردیم. ولی با اون پست، آب پاکی رو ریختن روی دستمون. یه جورایی ته دلم یه غمی هست و دیگه نمی خوام راجع بهش صحبت کنم.

دلم نمی خواد خداحافظی کنم ازت، دوست قدیمی... دلم برات تنگ می شه.

دوستت مینامی الی (السا اسپارکل) 8 ساله

آذر 99.

 

پ.ن: به خاطر اینکه فراموشش نکنم، از هرچی تونستم اسکرین گرفتم. و در حین اسکرین گرفتن از تمام اینا بغضم مثل وقتی که هک شده بودم، هرلحظه در حال ترکیدن بود... تف تو این زندگی. (برای بزرگ شدن عکس ها، روشون کلیک کنید.)

پ.ن2: از آخرین قالبی که رو وبم بود تا اولیش در گذر زمان..