خرید هاست ارزدیجیتال
حراجی دامنه های ویژهمشاهده





تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

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

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

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

 

راهنما
تست متن ؛ متن راهنماي شما در اين مکان قرار ميگيرد ، اين باکس صـرفاً براي استفاده در انواع سايت ها است.
براي مثال براي نوشتن متن راهنما استفاده از فايل دانلودي و... ميباشد.
حجم : 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 قرار بدید.
  • جهت ساخت کد رنگ دلخواهتون میتونید از ابزار رو به رو استفاده کنید : #

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 5 / 5. تعداد رای : 5

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 8 ابزار وبمستر , ابزار عمومی کاربردی , ابزار مدیریت , منو ...
لینک کوتاه مطلب : https://www.20script.ir/?p=27041
کلمات کلیدی پست :
مطالب مرتبط
18,924جعبه دانلود بسیار زیبا به سبک فلت تاریخ : 2014/07/27
27,514ابزار فرم تماس باما تاریخ : 2016/11/20
35,285جعبه دانلود برای وردپرس تاریخ : 2013/12/25
16,202ابزار قالب ساز آنلاین مخصوص میهن بلاگ تاریخ : 2015/08/29
22,867کد جعبه دانلود ساده تاریخ : 2018/02/26
13,158دانلود کد کیبورد بسیار کاربردی فول CSS3 تاریخ : 2013/11/3
112,741ابزار نمایش لیست آخرین قیمت گجت ها تاریخ : 2016/04/5
12,298ابزار آنلاین سازنده تگ ویدئو تاریخ : 2015/09/17
37,456ابزار زیبای حباب و قلب در رنگ های مختلف تاریخ : 2014/10/30
9,702اسکریپت ابزار وبمستر Web Studio نسخه 1.3 تاریخ : 2014/09/30
64,732ابزار دعوت کاربر به کانال تلگرام تاریخ : 2016/05/26
33,648ابزار تغییر نوار اسکرول صفحه تاریخ : 2015/06/24
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file