لینک قالب رایگانی که توی پست قبلی گذاشتم با توجه به شرایط دیگه باز نمی شد، برای همین دوباره اپلودش کردم که بتونید برای همیشه بهش دسترسی داشته باشید.
یه سری تغییرات مهم هم توی قالب دادم، کسایی که قبلا ازش استفاده می کردن نسخهای که توی این پست اپلود شده رو جایگزین قبلی کنن.
پ.ن: کد CSS رو به خاطر مشکل توی لینک فونتی که برای قالب گذاشته بودم و چندتا مورد ریز دیگه تغییر دادم روی CSS دوباره کلیک کنید و نسخه جدید رو جایگزین قبلی کنید.
سلام!
امیدوارم حالتون خوب باشه بعد از قرنی گفتم یه قالب ریسپانسیو و بدون نیاز به اسکریپت، به صورت رایگان بذارم که همه بتونن استفاده کنن.
می تونید عکس ها و رنگ هاش رو به سلیقه خودتون تغییر بدید ولی لطفا لینک magic spirit رو به احترام وقت و زحمتی که سازنده قالب کشیده حذف نکنید.
اگه خواستید بهم تو کامنت ها بگید که ازش استفاده کردید ^^
حرف دیگه ای نیست ازش لذت ببرید و به بقیه هم معرفیش کنید :
سلام دوستان
از اونجایی که دیگه جایی نیست که بخوام برای واریز هزینه قالب ها ازش استفاده کنم (تا الان هم خیلی ها موقع خرید با اررور 404 مواجه شدن، چون دیگه دسترسی به سایتی که ازش استفاده می کردم ندارم، اینماد و مسائل دیگه لازمه) تصمیم گرفتم قالب ها رو مجانی در اختیارتون بذارم :))
فقط اینکه برای استفاده از قالب ها نیاز به خریداری جاوااسکریپت دارید.
روش واقعا وقت صرف شده پس لطفا از کدها جای دیگه استفاده نکنید، با اسم خودتون جایی قرار ندید. قسمتی از کد قالب رو برندارید برای کارهای دیگه استفاده کنید.
هرکس کد قالبی رو که می خواد تو کامنت ها بگه میام کد رو بهش می دم :]
پ.ن : قالب سفارشی دیگه درست نمی کنم از همین قالب های حاضری انتخاب کنید *^*
سلام
موزیک پلیر جدید لطفا تا می تونید ازش استفاده کنید >_< ایده داشته باشم تند تند موزیک پلیرهای جدید می ذارم براتون ،_،
آموزش گذاشتن موزیک پلیر رو از اینجا میتونین ببینین و لطفا لینک سازنده رو برندارید 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 رنگ باکس پایینی پشت موزیک پلیر هست.
سلام. قالب جدید با تم متفاوت امیدوارم خوشتون بیاد ~
ویژگیها:
- ریسپانسیو برای تبلت و گوشی.
- نیاز به خریداری جاوا اسکریپت داره.
- منو هدر ثابت.
- سه ستونه.
قیمت: 29 هزار تومان.
از طریق این لینک میتونید پرداخت کنید.
