Magic Spirit

بدون شرح

سلام دوستان

از اونجایی که دیگه جایی نیست که بخوام برای واریز هزینه قالب ها ازش استفاده کنم (تا الان هم خیلی ها موقع خرید با اررور 404 مواجه شدن، چون دیگه دسترسی به سایتی که ازش استفاده می کردم ندارم، اینماد و مسائل دیگه لازمه) تصمیم گرفتم قالب ها رو مجانی در اختیارتون بذارم :))

فقط اینکه برای استفاده از قالب ها نیاز به خریداری جاوااسکریپت دارید.

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

هرکس کد قالبی رو که می خواد تو کامنت ها بگه میام کد رو بهش می دم :]

پ.ن : قالب سفارشی دیگه درست نمی کنم از همین قالب های حاضری انتخاب کنید *^*

 

Minami Ellie
سه شنبه ۲۹ خرداد ۰۳

موزیک پلیر 4

سلام

موزیک پلیر جدید لطفا تا می تونید ازش استفاده کنید >_< ایده داشته باشم تند تند موزیک پلیرهای جدید می ذارم براتون ،_،

آموزش گذاشتن موزیک پلیر رو از این‌جا می‌تونین ببینین و لطفا لینک سازنده رو برندارید 3>

<div class="flex-container" style="display: flex; flex-direction: column; max-height: 400px; overflow: hidden;max-width: 430px; margin: 0 auto;">
  <div class="top-container" style="display: flex;">
    <div class="right-box" style="flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #text_box_color;">
      <div class="text" style="text-align: left;">
        <div style="line-height: 10px; font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: bold; text-transform: uppercase; color: black; cursor: default;">The Noisy Freaks</div>
        <div style="line-height: 20px; color: #636367; font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: bold; cursor: default;">Premiere</div>
        <div style="font-family: 'Open Sans', sans-serif; font-size: 11px; color: black; cursor: default;line-height: 30px;">I Need You Back</div>
        <div style="color: #636367; font-family: 'Open Sans', sans-serif; font-size: 12px; cursor: default;"><a style="text-decoration: none; font-size: 8px; background-color: white; color: black; padding: 0.3vw;" href="https://magic-spirit.blog.ir/">Magic Spirit</a></div>
      </div>
    </div>
    <div class="left-box" style="flex: 1; display: flex; align-items: center; justify-content: center; position: relative;">
      <!-- Creative border inside the image -->
      <div style="position: absolute; width: calc(100% - 30px); height: calc(100% - 30px); border: 1px solid #border_color; box-sizing: border-box; border-radius: 5px;"></div>
      <img src="#your_image_link" alt="Image" style="max-width: 100%; max-height: 300px; object-fit: cover; object-position: center; border-radius: 5px;">
    </div>
  </div>
  <div class="audio-box" style="background-color: #below_box_color; padding: 9px; text-align: center; margin: 0 auto; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;">
    <audio controls style="height: 20px; opacity: 0.9;">
      <source src="#your_song_link" type="audio/mpeg">
      Your browser does not support the audio element.
    </audio>
  </div>
</div>

text_box_color همون رنگ باکسی هست که اسم آهنگ رو توش می نویسید.

border_color رنگ حاشیه دور عکس هست.

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

The Noisy Freaks
Premiere
新時化
 
Image
Minami Ellie
سه شنبه ۵ دی ۰۲

Verdure Theme

سلام. قالب جدید با تم متفاوت امیدوارم خوشتون بیاد ~

ویژگی‌ها:

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

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

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

Minami Ellie
چهارشنبه ۲۴ خرداد ۰۲

Carbon Theme

ویژگی‌ها:

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

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

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

Minami Ellie
يكشنبه ۱۵ خرداد ۰۱

موزیک پلیر 3

سلام

بعد از مدت ها اومدم که پست بذارم 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>
Genshin Impact
Genshin Artist
Magic Spirit

بعضی ها یا دکمه PLAY موزیک پلیر 2 مشکل داشتن برای همین کد رو تغییر دادم می تونید از کد جدید بدون مشکل استفاده کنید.

Minami Ellie
چهارشنبه ۴ خرداد ۰۱