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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

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

دانلود

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

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 8 ابزار وبمستر , ابزار عمومی کاربردی , ابزار مدیریت , منو ...
لینک کوتاه مطلب : https://www.20script.ir/?p=27041
کلمات کلیدی پست :
مطالب مرتبط
114,917ابزار نمایش لیست آخرین قیمت گجت ها تاریخ : 2016/04/5
52,626ابزار پخش موزیک و صدا تاریخ : 2015/08/28
31,898ابزار فرم تماس باما تاریخ : 2016/11/20
13,257ابزار بارش فانتزی من و همسرم با قلب تاریخ : 2015/08/2
14,234ابزار آنلاین سازنده تگ ویدئو تاریخ : 2015/09/17
22,100اسکریپت بررسی وضعیت سئو وب سایت SEO Information Portal تاریخ : 2017/06/20
11,712آموزش ساخت باکس دانلود در وردپرس با افزونه Simple Download Monitor تاریخ : 2019/11/24
13,177ابزار فوق العاده خاص جستجوگر گوگل برای وبلاگ تاریخ : 2015/07/17
32,464اسکریپت بررسی وضعیت سئو وب سایت ProRank نسخه 2.3.4 تاریخ : 2018/10/2
37,137جعبه دانلود برای وردپرس تاریخ : 2013/12/25
68,556ابزار دعوت کاربر به کانال تلگرام تاریخ : 2016/05/26
26,924آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field تاریخ : 2018/08/6
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب