برای این ساعت از بیست اسکریپت برای شما همراهان همیشگی جعبه دانلود کلاسیک و زیبای حرفه ای آماده سازی کرده ایم که می توانید در هر موضوع وبی از اون استفاده کنید. این باکس دانلود دارای قابلیت طراحی واکنش گرا ، متن راهنما برای استفاده فایل ، قابلیت نمایش میزان حجم فایل ، دارای قابلیت نمایش رمز فایل و همچنین تغییر رنگ نامحدود در آن اشاره نمود. قابل به ذکر می باشد این باکس دانلود زیبارا در هر کجا مثل وبلاگ و همچنین وردپرس می توان استفاده نمود. این کد به همراه آموزش استفاده و تغییر رنگ در این پست قرار گرفته است که در ادامه به آن می پردازیم
براي مثال براي نوشتن متن راهنما استفاده از فايل دانلودي و... ميباشد.
راهنما استفاده :
برای استفاده از این کد در سایت یا وبلاگتون ابتدا کد زیر را به بخش head قالب خود اضافه کنید. به عبارت دیگر این کد را با بعد از تگ <head> به قالبتون اضافه کنید یا قبل از تگ </head> به قالبتون اضافه کنید:
<style> .bistscript-bg{background:#ccc;width:auto;direction:rtl;height:auto;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:hidden;padding-bottom:15px;padding-right:5px;} .bistscript-bg .tp{color:#fff;background:#3498db;padding:2px 16px 2px 16px;border-radius:2px;float:right;margin:5px;} .bistscript-bg .txt{margin:5px;color:#333;text-align:right;} .bistscript-bg .btm{float:right;background:#ddd;padding:5px 20px 5px 20px;margin:3px;color:#666;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0px 0px 10px #bbb;-moz-box-shadow:0px 0px 10px #bbb;-webkit-box-shadow:0px 0px 10px #bbb;transition:all linear 0.2s;-moz-transition:all linear 0.2s;-o-transition:all linear 0.2s;-webkit-transition:all linear 0.2s;} .bistscript-bg .link a{text-decoration:none;color:#666;} .bistscript-bg .link a:hover{color:#fff;} .bistscript-bg .link:hover{background:#e74c3c;color:#fff;} .bistscript-bg .size:hover{background:#2ecc71;color:#fff;} .bistscript-bg .pass:hover{background:#3498db;color:#fff;} .bistscript-bg .clear{clear:both;} </style>
جهت نمایش جعبه دانلود در سایتتون کد زیر را در انتهای سورس کد مطالبی که میخواهید این جعبه دانلود در آنها نمایش داده شود وارد کنید ( به اصطلاحی از طریق ادیتور پست با گزینه درج کد های html میتوانید جعبه دانلود را در وبتون نمایش بدید)
<div class="bistscript-bg"> <div class="tp"> راهنما </div> <div class="clear"></div> <div class="txt"> تست متن ؛ متن راهنماي شما در اين مکان قرار ميگيرد ، اين باکس صـرفاً براي استفاده در انواع سايت ها است.<br /> براي مثال براي نوشتن متن راهنما استفاده از فايل دانلودي و... ميباشد. </div> <div class="clear"></div> <div class="btm link"><a href="#"> لينک دانلود مستقيم </a></div> <div class="btm size"> حجم : 15مگابايت </div> <div class="btm pass"> رمز فايل : www.20script.ir </div> <div class="clear"></div> </div>
آموزش تغییر نگ
- جهت تغییر رنگ پست زمینه این جعبه دانلود در کد اول کد رنگتون رو به جای #ccc قرار بدید. جهت تغییر رنگ پست زمینه (دکمه دانلود) در حالتی که موس روی آن قرار میگیرد ، کد رنگتون رو در کد اول به جای کد رنگ #e74c3c قرار بدید.
- جهت تغییر رنگ پست زمینه (دکمه حجم) در حالتی که موس روی آن قرار میگیرد ، کد رنگتون رو در کد اول به جای کد رنگ #2ecc71 قرار بدید.
- جهت تغییر رنگ پست زمینه (دکمه رمز) در حالتی که موس روی آن قرار میگیرد ، کد رنگتون رو در کد اول به جای کد رنگ #3498db قرار بدید.
- جهت ساخت کد رنگ دلخواهتون میتونید از ابزار رو به رو استفاده کنید : #
موفق باشید
- مشکلی دارید؟ جواب خود را در پست فروم بگیرید
- منبع : بیست اسکریپت لطفا رعایت کنید
