کد جعبه دانلود

با سلام خدمت تمامی کاربران یک لرن

امروز براتون کد جعبه دانلود زیبا رو که خودم طراحی کردم ، گذاشتم ، امیدوارم مفید باشه و به درتون بخوره .

این جعبه دانلود طوری طراحی شده که تو تمامی سایز ها سازگاره و موجب به هم ریختگی قالبتون نخواهد شد یعنی چه قالبتون دو ستونه باشه چه سه ستونه باشه چه عرض قسمت مطالبتون 400 باشه چه 1400 باشه یه جور نشون میده ، تقریبا میشه رسپانسیو ( همون واکنش گرا ) . نمونه جعبه دانلود رو تو تصویر زیر می تونید ببینید :

کد جعبه دانلود

کد جعبه دانلود برای سایت و وبلاگ

برای استفاده از جعبه دانلود باید ابتدا کد زیر رو بعد از تگ <head > یا قبل از تگ </head> تو قالب سایت یا وبلاگتون قرار بدید
<link href="http://dl.1learn.ir/hakimi/ready-codes/download-box/download-box.css" rel="stylesheet" type="text/css">
حالا باید تو قسمت ارسال مطلب کد زیر رو تو بخش ویرایش کد html مطلبتون قرار بدید و به جای قسمت های لینک دانلود و حجم فایل و منبع ، مقادیر مورد نظر خودتون رو بذارید
دقت کنید که لینک دانلود رو باید در خط چهارم بین ” ” قرار بدید.
<ul class="download-box">
    <li class="item_download">
        <img src="http://dl.1learn.ir/hakimi/ready-codes/download-box/images/download.png" width="37" height="30" alt="" />
        <a href="">دانلود فایل با لینک مستقیم</a>
    </li>
    <li class="item_size">
        <img src="http://dl.1learn.ir/hakimi/ready-codes/download-box/images/size.png" width="37" height="30" alt="" />
        حجم : ۳۲ کیلو بایت
    </li>
    <li class="item_source">
        <img src="http://dl.1learn.ir/hakimi/ready-codes/download-box/images/source.png" width="37" height="30" alt="" />
        منبع : <a href="">1learn.ir</a>
    </li>
</ul>

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

فرادرس

برچسب ها : ، ، ، ، ، ، ،