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


آخرین ارسال های تالار مشاهده انجمن
شمسی سازی Bookings for WooCommerce 3 پاسخ 117 بازدید افزونه پرداخت با تتر 4 پاسخ 1102 بازدید WHMCS 8.7.2 0 پاسخ 35 بازدید ایجاد ایمیل خودکار برای کاربران ثبتنام در وردپرس 3 پاسخ 1215 بازدید کادر لینک در html 0 پاسخ 1 بازدید Google Scholar 1 پاسخ 923 بازدید درج اگهی تبلیغاتی چگونه است؟ 0 پاسخ 3 بازدید Open Journal Systems (OJS) 0 پاسخ 1755 بازدید ارز ووکامرس 2 پاسخ 1435 بازدید افزونه گرافیست 1 پاسخ 1334 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 8 ابزار وبمستر , ابزار عمومی کاربردی , ابزار مدیریت , منو ...
لینک کوتاه مطلب : https://www.20script.ir/?p=27041
کلمات کلیدی پست :
مطالب مرتبط
17,456اسکریپت بررسی وضعیت سئو وب سایت SEO Information Portal تاریخ : 2017/06/20
10,098ابزار قالب ساز آنلاین مخصوص بلاگفا (طرح دوم) تاریخ : 2015/08/27
9,779ابزار برگشت به بالا در رنگ های مختلف تاریخ : 2016/02/11
15,160ابزار نمایش فال حافظ شیرازی برای وبلاگ و سایت تاریخ : 2014/12/29
15,500ابزار جعبه اخبار گوشه ای و فانتزی تاریخ : 2015/07/21
17,544جعبه دانلود بسیار زیبا به سبک فلت تاریخ : 2014/07/27
23,622ابزار قالب ساز آنلاین مخصوص بلاگ اسکای تاریخ : 2015/09/4
18,818کد لوگوی شناور در وبسایت تاریخ : 2015/09/17
271,978دانلود قالب بی تم BeTheme فارسی نسخه 26.8.2 تاریخ : 2023/04/20
8,751ابزار وبلاگ اس ام اس تصادفی تاریخ : 2016/03/22
6,300دانلود قالب وبلاگی Grace برای وردپرس تاریخ : 2018/03/10
33,777جعبه دانلود برای وردپرس تاریخ : 2013/12/25
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات