باکس دانلود برای وبلاگ

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



کد باکس دانلود برای وبلاگ


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


برای شروع کد های زیر رو باید در جای مناسب در زیره نگ head قرار بدین <style> #box_download{font-family:"B yekan"; font-size:13px;} #box_download ul:before{content:'باکس دانلود'; display:block; clear:both;} #box_download ul { margin:10px auto; padding:10px; height:30px; width:95%; background:#E6FFB2; border:1px solid #B8EB59; border-bottom:3px solid #B8EB59; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; }#box_download ul:hover{ height:160px; transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; } #box_download ul:hover li{ opacity:1; padding-right:25px; transition:1.0s; -moz-transition:1.0s; -webkit-transition:1.0s; } #box_download ul li { padding:5px; list-style:none; opacity:0; transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; } #box_download ul li a {text-decoration:none} #box_download ul > li:nth-child(2):before {content:'لینک دانلود : '; padding-top:15px;} #box_download ul > li:nth-child(3):before {content:'حجم فایل : ';} #box_download ul > li:nth-child(4):before {content:'منبع : ';} </style>


کد باکس دانلود


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

در قسمت ادامه مطلب گزینه ی مشاهده ی کد های اچ تی ام ال رو بزنید و این کد هارو در اخر مطلبتون قرار بدین.توجه داشته باشید که توی این کد ها باید خودتون یک تعغییراتی اعمال کنید (لینک دانلود , حجم فایل , منبع فایل) کاره خیلی ساده ایه فقط شاید برای بار اول یکم مشکل به نظر بیاد !!

<div id="box_download"> <ul> <br> <li><a href="#">دانلود فایل</a></li> <li>مگابایت</li> <li>timan98.ir</li> </ul> </div>


باکس دانلود


نکته پایانی در مورد باکس دانلود : اگه شما فونت B yekan رو درون وبسایت خودتون ندارید باید از قطعه کد زیر برای فراخونی فونت یکان استفاده کنید.(کد رو در زیر تگ <Head> قرار بدین)

<link rel="stylesheet" href="http://ifont.ir/apicode/38">



پیشنمایش باکس دانلود




/* li:nth-child(2):before {content:'لینک دانلود : '; padding-top:15px;} #box_download ul > li:nth-child(3):before {content:'حجم فایل : ';} #box_download ul > li:nth-child(4):before {content:'منبع : ';} /*]]>*/

دانلود فایل 0 مگابایت timan98.ir