خانه / اسکریپت / اسکریپت موزیک / قالب سایت آهنگ

قالب سایت آهنگ

امروز براتون یه قالب زیبا و کاربردی آهنگ رو قرار می دیم که با جی کوئری ساخته شده

این قالب از سه بخش تشکیل شده:

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

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

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

این قالب در ابتدا فقط آهنگ رو پخش می کرد و قابلیت دانلود نداشت که تیم فارس اسکریپت این قابلیت رو  بهش اضافه کرد

امیدوارم ازش استفاده کنید و لذت ببرید

دانلود و توضیحات در ادامه مطلب….music-template

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

********************

خب برای اضافه کردن یک آلبوم به این قالب باید به ترتیب زیر عمل کنید:

ابتدا به پوشه music میرید و یک پوشه به اسم آلبوم خودتون می سازید و در اون یک عکس برای کاور و همچنین آهنگ هاتون رو قرار می دین و حالا در فایل index.html کد زیرو که در انتهای کد ها هست رو پیدا میکنید:

<ul id="mp_albums">
<li><img src="music/13/13.jpg" alt="13" /></li>
<li><img src="music/haris/Haris.jpg" alt="haris" /></li>
</ul>

همونطور که میشه حدث زد این همون لیست کاور آلبوم هاست که در زیر صفحه اول قرار داره برای اضافه کردن کاور آلبوم جدید، یه لیست بهشون اضافه میکنید و لینک تصویری که در آلبومتون قرار دادین رو بهش میدین

در مرحله دوم میرید و این کد ها رو در فایل index.html پیدا میکنید

<!--------------شروع کد آلبوم دوم حریص -------------->
<div id="c_album_2" style="display:none;">
<img src="music/haris/Haris.jpg" alt="haris"/>
<a href="#">اجرای همگی</a>
<div>
<h2>حریص</h2>
<p> توضیحات حذف شد</p>
</div>
<div>
<div>
<h3>حریص</h3>
<div>
<span>دانلود آهنگ</span>
<span>اجرا</span>
<span>افزودن به لیست پخش</span>
</div>
<div style="display:none;">
<span>حریص</span>
<span>music/haris/Haris.mp3</span>
<span>music/haris/Haris.ogg</span>
</div>
</div>
<div>
<h3>غم و شادی</h3>
<div>
<span>دانلود آهنگ</span>
<span>اجرا</span>
<span>افزودن به لیست پخش</span>
</div>
<div style="display:none;">
<span>غم و شادی</span>
<span>music/haris/Gham_o_Shadi.mp3</span>
<span>music/haris/Gham_o_Shadi.ogg</span>
</div>
</div>
</div>
</div>
<!--------------پایان کد آلبوم دوم حریص -------------->

کافیه زیر همین کدها،همشون رو کپی و پیست کنید و نکته ای که باید حتما رعایت کنید اینه که ای دی هر آلبوم به خصوصه مثلا برای آلبوم دوم که کدش رو بالا قرار دادیم ای دیش id=”c_album_2″ هست که در آلبوم جدید شما باید مثلا id=”c_album_3″ باشه یا این که می تونید اسم آلبومتون رو به انگلیسی قرار بدین

و همچنین بالا برای قرار دادن تصویر آلبوم در قسمت اول باید لینک زیر رو به لینک تصویر خودتون در آلبوم تغییر بدین

<img src="music/haris/Haris.jpg" alt="haris"/>

بعد از اینکه آلبوم رو اضافه کردین می مونه قرار دادن آهنگ ها در لیست آلبومتون

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

<div class="mp_songs">
<!-- شروع کد آهنگ اول -->
<div>
<h3>حریص</h3>
<div>
<span>دانلود آهنگ</span>
<span>اجرا</span>
<span>افزودن به لیست پخش</span>
</div>
<div style="display:none;">
<span>حریص</span>
<span>music/haris/Haris.mp3</span>
<span>music/haris/Haris.ogg</span>
</div>
</div>
<!-- پایان کد آهنگ اول -->
<!-- شروع کد آهنگ دوم -->
<div>
<h3>غم و شادی</h3>
<div>
<span>دانلود آهنگ</span>
<span>اجرا</span>
<span>افزودن به لیست پخش</span>
</div>
<div style="display:none;">
<span>غم و شادی</span>
<span>music/haris/Gham_o_Shadi.mp3</span>
<span>music/haris/Gham_o_Shadi.ogg</span>
</div>
</div>
<!-- پابان کد آهنگ دوم -->
</div><!-- mp_songs -->

که توضیحاتش رو در کد نوشتم کافیه شما زیر همون کد دوم کپی و پیس کنید و لینک آهنگ های خودتون رو بدین

و یه نکته ی قابل توجه دیگه در مورد آهنگ ها این هست که هم باید آهنگ با فرمت mp3 قرار بگیره و هم با فرمت ogg

*********************

امیدوارم خوب توضیح داده باشم

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

حجم بالای این اسکریپت هم به خاطر آهنگ هایی هست که ما درش به کار بردیم

امیدوارم لذت برده باشین

راستی اگه از این مطلب خوشتون اومده لطفا بهش امتیاز بدین،ممنونیم

درباره ی مرتضی لطفی نژاد

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

مطلب پیشنهادی

دکمه های اشتراک گذاری انعطاف پذیر

امروز براتون دکمه های اشتراک گذاری انعطاف پذیری رو آماده کردیم که با جی کوئری …

12 دیدگاه

  1. سلام ممنون بابت مطالب خوبی ک میذارید
    چندروزه ک برای پست جدید سر میزنم ولی خبری نیست

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

  3. ادمین جان اگر امکانش هست توضیح بدید و یا با من تماس بگیرید
    ممنونتون میشم
    id : toitimigmig

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

    • مرتضی لطفی نژاد

      با سلام
      از تاخیر در جواب عذر خواهی میکنم
      اگه کارایی که گفته شده رو به درستی انجام بدین مطمپنا کار میکنه اگه نفهمیدین مشکل چی هست با من تماس بگیرید
      من ای دی شما رو اد کردم
      ای دی بنده mln1368 هست اگه درخواست من نرسید شما من رو اد کنید
      ممنون از نظرتون

  5. ممنون از جوابتون
    امیدوارم که حل بشه مشکل من

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

    • مرتضی لطفی نژاد

      با سلام مجدد خدمت دوست عزیز
      این کدها در کامپیوتر های مختلفی من تست کردم و فقط اونایی که از ورژن های قدیمی مرورگرهایی چون فایر فاکس و اینترنت اکسپلور استفاده میکنن مشکل داشتن
      من الان از مرورگر فایرفاکس ورژن 24 استفاده میکنم و هیچ مشکلی ندارم
      و اینکه میگین فقط با فلش میشه آهنگ پخش کرداشتباه هست با جی کوئری میشه انیمیشن ساخت پخش کننده که خیلی ناچیز هست
      ممنون از نظرتون
      موفق باشید

  7. ‘سایتتون خیلی عالی واقعاٌ خسته نباشید’

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

به خانواده بزرگ فارس اسکریپت بپیوندید

با عضویت در سایت فارس اسکریپت به مطالب بروز کسب درآمد از طراحی صفحات وب و طراحی قالب دست خواهید یافت

Powered by themekiller.com