امروز : پنج شنبه ۲۶ مرداد ۱۳۹۶ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

استفاده از جعبه دانلود کلاسیک در نوشته های وردپرس: احتمالا برایتان پیش آمده باشد که در قالب وردپرس خود بخواهید بدنبال افزونه وردپرس جعبه دانلود باشید و در انتهای نوشته های خود از یک جعبه جهت نمایش لینک های دانلود بصورت جداگانه باشید. افزونه ها ممکن است زمان بارگزاری نوشته هایتان را افزایش دهد و همچنین نوشتن و ایجاد زمینه های دلخواه برایتان کمی سخت باشد. وبیت قصد دارد تا با ارائه آموزشی، فقط با درج پند خط کد، این جعبه را در انتهای نوشته های قالب وردپرس خود بدون افزونه وردپرس داشته باشید. با وبیت همراه باشید…

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

classic-box-download2-vebeet استفاده از جعبه دانلود کلاسیک در نوشته های وردپرس

با استفاده از این جعبه دانلود کلاسیک، می توانید در انتهای نوشته های وردپرس خود، لینک دانلود، حجم دانلود و همچنین رمز فایل را بهمراه توضیحاتی نمایش دهید. دو قطعه کد برای درج این باکس دانلود نیاز خواهید داشت که اولین قطعه کد ها مربوط به استایل این جعبه است که پیشنهاد می شود آن را در فایل style.css یا در صورت وجود در فایل rtl.css ذخیره کنید:

.vebeet-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;}
.vebeet-bg .tp{color:#fff;background:#3498db;padding:2px 16px 2px 16px;border-radius:2px;float:right;margin:5px;}
.vebeet-bg .txt{margin:5px;color:#333;text-align:right;}
.vebeet-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;}
.vebeet-bg .link a{text-decoration:none;color:#666;}
.vebeet-bg .link a:hover{color:#fff;}
.vebeet-bg .link:hover{background:#e74c3c;color:#fff;}
.vebeet-bg .size:hover{background:#2ecc71;color:#fff;}
.vebeet-bg .pass:hover{background:#3498db;color:#fff;}
.vebeet-bg .clear{clear:both;}

جهت نمایش جعبه دانلود در سایتتون کد زیر را در انتهای سورس کد مطالبی که میخواهید این جعبه دانلود در آنها نمایش داده شود وارد کنید ( به اصطلاحی از طریق ادیتور پست با گزینه درج کد های html میتوانید جعبه دانلود را در وبتون نمایش بدید)

<div class="vebeet-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"> رمز فایل : vebeet.com </div>
<div class="clear"></div>
</div>

آموزش تغییر نگ

  • جهت تغییر رنگ پست زمینه این جعبه دانلود در کد اول کد رنگتون رو به جای #ccc قرار بدید. جهت تغییر رنگ پست زمینه (دکمه دانلود) در حالتی که موس روی آن قرار میگیرد ، کد رنگتون رو در کد اول به جای کد رنگ #e74c3c قرار بدید.
  • جهت تغییر رنگ پست زمینه (دکمه حجم) در حالتی که موس روی آن قرار میگیرد ، کد رنگتون رو در کد اول به جای کد رنگ #2ecc71 قرار بدید.
  • جهت تغییر رنگ پست زمینه (دکمه رمز) در حالتی که موس روی آن قرار میگیرد ، کد رنگتون رو در کد اول به جای کد رنگ #3498db قرار بدید.
  • جهت ساخت کد رنگ دلخواهتون میتونید از ابزار رو به رو استفاده کنید : ff3300#

آموزش های آتی مبنی بر ارتقاء این آموزش با استفاده از زمینه های دلخواه به مراتب منتشر خواهد شد.

شاد باشید و سلامت

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
بازدید : 48 بار دسته بندی : آموزش ، آموزش css ، آموزش html ، آموزش وردپرس دیدگاه : ۰ تاريخ : ۲۱ مرداد ۱۳۹۶
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
محسن حاجی اسفندیاری

دارای مدرک تحصیلی کارشناسی نرم افزار، مدیر وب سایت تی اچ دیزاینر و فروشنده برتر مارکت همیاروردپرس(ژاکِت). کارشناس فنی آویناوب در زمینه های طراحی سایت و سئو. مدیر فنی وبیت. با وبیت افزونه وردپرس و قالب وردپرس حرفه ای داشته باشید.

دیدگاه کاربران تعداد دیدگاه : ۰