کدهای کوتاه

منتشر نشده

جعبه پیغام

منتشر نشده

افزودن اخراج قابلیت به تمام پیام های هشدار با این افزونه.

احتیاط ! این یک متن نمونه برای نموایش عملکرد قالب می باشد .

اطلاعات ! این یک متن نمونه برای نموایش عملکرد قالب می باشد .

خطا ! این یک متن نمونه برای نموایش عملکرد قالب می باشد .

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

[message_box type="error"   close="Yes"] ADD_CONTENT_HERE [/message_box]
[message_box type="info"    close="Yes"] ADD_CONTENT_HERE [/message_box]
[message_box type="warning" close="Yes"] ADD_CONTENT_HERE [/message_box]
[message_box type="success" close="Yes"] ADD_CONTENT_HERE [/message_box]

نمونه پیام های ارسالی!

این یک متن نمونه برای نموایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملای قالب این متن را ویرایش یا حذف نمایید . این یک متن نمونه برای نموایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملای قالب این متن را ویرایش یا حذف نمایید .

[message_box title='MESSAGE_TITLE' type="error" close="Yes"] ADD_CONTENT_HERE [/message_box]

منتشر نشده

دراپ کپ

منتشر نشده

این یک متن نمونه برای نموایش عملکرد قالب می باشد .

[dropcap  color="#000" ] ADD_CONTENT_HERE [/dropcap]  این یک متن نمونه برای نموایش عملکرد قالب می باشد .

این یک متن نمونه برای نموایش عملکرد قالب می باشد .

[dropcap type="square" color="#fff" background="#333"] ADD_CONTENT_HERE [/dropcap] این یک متن نمونه برای نموایش عملکرد قالب می باشد .

این یک متن نمونه برای نموایش عملکرد قالب می باشد .

[dropcap type="round" color="#fff" background="#333"] ADD_CONTENT_HERE [/dropcap]  این یک متن نمونه برای نموایش عملکرد قالب می باشد .

تنظیمات دراپکپ

این یک متن نمونه برای نموایش عملکرد قالب می باشد ..

این یک متن نمونه برای نموایش عملکرد قالب می باشد .

[dropcap color="#15B5E8"] ADD_CONTENT_HERE [/dropcap]  این یک متن نمونه برای نموایش عملکرد قالب می باشد .
[dropcap color="#FD6C01"] ADD_CONTENT_HERE [/dropcap]  این یک متن نمونه برای نموایش عملکرد قالب می باشد .
[dropcap color="#BE2B2A"] ADD_CONTENT_HERE [/dropcap]  این یک متن نمونه برای نموایش عملکرد قالب می باشد .

منتشر نشده

دکمه ها

منتشر نشده

دکمه های پیش فرض

سبک دکمه به در هر چیزی قابل استفاده است به وسیله کلاس .btn . اگر چه شما می توانید این موارد را تنها برای گزینه های<a> وcode><button> استفاده نمایید.

نمونه: گزینه icon="user" و نام آیکون هست "fa-user".

شما می توانید تمام نمونه را در- Font Awesome 4.0.3

دکمه	نوع	آیکن	توضیحات
Default		`pencil`	Standard gray button with gradient
Primary	`primary`	`comment`	Provides extra visual weight and identifies the primary action in a set of buttons
Info	`info`	`info-circle`	Used as an alternative to the default styles
Success	`success`	`check`	Indicates a successful or positive action
Warning	`warning`	`warning`	Indicates caution should be taken with this action
Danger	`danger`	`refresh`	Indicates a dangerous or potentially negative action
Inverse	`inverse`	`trash-o`	Alternate dark gray button, not tied to a semantic action or use
Link	`link`	`twitter`	Deemphasize a button by making it look like a link while maintaining button behavior

[button target="_self" link="#"] Default icon="pencil" [/button]
[button type="primary" icon="comment" target="_self" link="#"] Primary [/button]   
[button type="info" icon="info-sign" target="_self" link="#"] Info [/button]   
[button type="success" icon="check" target="_self" link="#"] Success [/button]   
[button type="warning" icon="warning" target="_self" link="#"] warning [/button]   
[button type="danger" icon="refresh" target="_self" link="#"] Danger [/button]   
[button type="inverse" icon="trash" target="_self" link="#"] Inverse [/button]   
[button type="link" icon="twitter" target="_self" link="#"] Link [/button]

دکمه های تخت

Default Button Primary Button Success Button Warning Button Inverse Button Info Button Danger Button

[button type="flat" target="_self" link="#"] Default Button [/button]
[button type="flat primary" target="_self" link="#"] Primary Button [/button]
[button type="flat success" target="_self" link="#"] Success Button [/button]
[button type="flat warning"  target="_self" link="#"] Warning Button [/button]
[button type="flat inverse" target="_self" link="#"] Inverse Button [/button]
[button type="flat info" target="_self" link="#"] Info Button [/button]
[button type="flat danger" target="_self" link="#"] Danger Button [/button]

سازگاری مرورگر

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

تغییر دهنده اندازه دکمه

آیا می خواهید اندازه دکمه ها را تغییر دهید? این موارد را large, small, or miniبرای تغییر سایز استفاده نمایید.

Large button Large button

Default button Default button

Small button Small button

Mini button Mini button

[button type="primary" size="lg" target="_self" link="#"] Large button [/button]
[button size="lg" target="_self" link="#"] Large button [/button]

[button type="primary" target="_self" link="#"] Default button [/button]
[button target="_self" link="#"] Default button [/button]

[button type="primary" size="sm" target="_self" link="#"] Small button [/button]
[button size="sm" target="_self" link="#"] Large Small [/button]

[button type="primary" size="xs" target="_self" link="#"] Mini button [/button]
[button size="xs" target="_self" link="#"] Mini button [/button]

ساختن جمعه برای دکمه ها با عرض تمام با اضافه نمودن.btn-block.

Block level button Block level button

[button type="primary" size="lg" full="block"] Block level button [/button]
[button size="lg" full="block"] Block level button [/button]

سطح غیر فعال

برای غیر فعال نمودن دکمه این مورد را اضافه نمایید disabled attribute for <button> .

Primary button Button

[button type="primary" size="lg" state="disabled"] Primary button [/button]
[button size="lg" state="disabled"] Button [/button]

گزینه های سفارشی سازی / ویژگی‌ها

type : حالت و سبک نمایشی قالبprimary, info, success, warning, danger, inverse, link, flat)
icon : اضافه نمودن آیکون ها Icons section) here.
size : سایز های موجود ( xs, sm, default, lg)
full : پر کردن تمام عرض
target : هدف لینک(eg. target="_blank" باز کردن لینک در پنجره جدید)
state :غیر فعال کردن دکمه ( true, disabled)

ثبت

کدهای کوتاه