مدیر کل بازنشسته سایت این ارسال پرطرفدار است. صائب کوهپایه 2592 ارسال شده در 9 دی، ۱۳۹۵ مدیر کل بازنشسته سایت این ارسال پرطرفدار است. اشتراک گذاری ارسال شده در 9 دی، ۱۳۹۵ (ویرایش شده) با این اموزش شما میتوانید چنین باکس هایی را ایجاد کنید ابتدا کد های زیر را در بخش custom.css قالب وارد کنید .mbh-notification-box { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; font-family: tahoma; margin-bottom: 25px; padding: 10px 14px 10px 44px; position: relative; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } .mbh-notification-box:before { font-family: FontAwesome; font-size: 21px; left: 14px; position: absolute; } .mbh-success { background-color: #2ecc71; } .mbh-success:before { content: "\f00c"; margin-left: -2px; } .mbh-failure { background-color: #e74c3c; } .mbh-failure:before { content: "\f00d"; } .mbh-warning { background-color: #e67e22; } .mbh-warning:before { content: "\f12a"; margin-left: 5px; } .mbh-information { background-color: #3498db; } .mbh-information:before { content: "\f129"; margin-left: 4px; } .mbh-question { background-color: #f1c40f; } .mbh-question:before { content: "\f128"; margin-left: 2px; } .mbh-tip { background-color: #16a085; } .mbh-tip:before { content: "\f0eb"; margin-left: 2px; } .mbh-notice { background-color: #bea474; } .mbh-notice:before { content: "\f0a1"; margin-left: -1px; } حال نوبت به بخش دوم میرسد این کد ها html هستند <div class="mbh-success mbh-notification-box">This is the success box</div> <div class="mbh-failure mbh-notification-box">This is the failure box</div> <div class="mbh-warning mbh-notification-box">This is the warning box</div> <div class="mbh-information mbh-notification-box">This is the information box</div> <div class="mbh-question mbh-notification-box">This is the question box</div> <div class="mbh-tip mbh-notification-box">This is the tip box</div> <div class="mbh-notice mbh-notification-box">This is the notice box</div> با کمک پلاگین زیر میتوانید این باکس ها را در یک بلوک جای گذاری کنید و یا میتوانید برای ایجاد قوانین و هشدار استفاده کنید برای این کار نیاز است که شما کد html مربوط به هر بخشی که تمایل دارید را در حالت منبع ادیتور کپی کنید که نتیجه به این صورت خواهد شد ویرایش شده 10 دی، ۱۳۹۵ توسط علی یوسفلاوی کامل شدن برخی از توضیحات 6 لینک ارسال به اشتراک گذاری در سایت های دیگر تنظیمات بیشتر اشتراک گذاری ...
ارسالهای توصیه شده