تبلیغات

تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

کد جعبه دانلود کلاسیک با آموزش استفاده

ابزار عمومی کاربردی , ابزار مدیریت , منو ... , ابزار وبمستر

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

 

راهنما
تست متن ؛ متن راهنماي شما در اين مکان قرار ميگيرد ، اين باکس صـرفاً براي استفاده در انواع سايت ها است.
براي مثال براي نوشتن متن راهنما استفاده از فايل دانلودي و... ميباشد.
حجم : 15مگابايت
رمز فايل : www.20script.ir

 

راهنما استفاده :
برای استفاده از این کد در سایت یا وبلاگتون ابتدا کد زیر را به بخش 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 قرار بدید.
  • جهت ساخت کد رنگ دلخواهتون میتونید از ابزار رو به رو استفاده کنید : #

موفق باشید

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
دانلود بیش از 5میلیون محصول وردپرسی تنهابا 500 هزارتومان (طرح برد برد) کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 8 ابزار عمومی کاربردی , ابزار مدیریت , منو ... , ابزار وبمستر
لینک کوتاه مطلب : https://www.20script.ir/?p=27041
کلمات کلیدی پست :
مطالب مرتبط
29,597جعبه دانلود برای وردپرس تاریخ : 2013/12/25
6,827ابزار برگشت به بالا در رنگ های مختلف تاریخ : 2016/02/11
10,483ابزار فوق العاده منو بخون..! تاریخ : 2015/07/16
12,615اسکریپت بررسی وضعیت سئو AtoZ SEO Tools نسخه 2.0 تاریخ : 2018/08/28
9,150قاب عکس شهدا بصورت تصادفی تاریخ : 2016/05/25
14,320جعبه دانلود بسیار زیبا به سبک فلت تاریخ : 2014/07/27
6,589ابزار فوق العاده خاص جستجوگر گوگل برای وبلاگ تاریخ : 2015/07/17
5,590اسکریپت ابزار وبمستر Web Studio نسخه 1.3 تاریخ : 2014/09/30
14,472آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field تاریخ : 2018/08/6
124,942ابزار قالب ساز آنلاین مخصوص بلاگفا تاریخ : 2015/08/26
6,359دانلود پوسته وردپرس وبلاگی کپه kappe فارسی نسخه 1.6 تاریخ : 2015/12/9
10,654ابزار قالب ساز آنلاین مخصوص میهن بلاگ تاریخ : 2015/08/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات
تبلیغات