[ux_banner height=”252px” bg=”4063″ bg_color=”rgb(210, 140, 31)”]

[text_box width=”76″ position_x=”50″ position_y=”50″]

دکمه‌ها

با این عنصر شما می‌توانید دکمه‌های جذاب بسازید

[button text=”دکمه اصلی” color=”white” style=”shade” link=”test?asdf&asdf=asdf&asdf&”]

[/text_box]

[/ux_banner]
[row]

[col span=”3″]

ترکیب‌های بی نهایت

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است…

[/col]
[col span=”9″]

[button text=”رنگ اصلی”]

[button text=”رنگ ثانویه” color=”secondary” radius=”12″]

[button text=”رنگ هشدار” color=”alert” icon=”icon-heart”]

[button text=”رنگ موفقیت” color=”success”]

[button text=”رنگ سفید” color=”white”]

[button text=”رنگ اصلی” style=”outline”]

[button text=”رنگ ثانویه” color=”success” style=”outline” radius=”99″]

[button text=”رنگ هشدار” color=”alert” style=”outline” radius=”6″ icon=”icon-heart” icon_reveal=”true”]

[button text=”رنگ موفقیت” color=”secondary” style=”outline”]

[/col]

[/row]
[section bg_color=”rgb(44, 44, 44)” dark=”true”]

[row]

[col span=”3″]

دکمه‌ها در پس زمینه تاریک

[/col]
[col span=”9″]

[button text=”رنگ اصلی”]

[button text=”رنگ ثانویه” color=”secondary” radius=”12″]

[button text=”رنگ هشدار” color=”alert” icon=”icon-heart”]

[button text=”رنگ موفقیت” color=”success”]

[button text=”رنگ سفید” color=”white”]

[button text=”رنگ اصلی” style=”outline”]

[button text=”رنگ ثانویه” color=”success” style=”outline” radius=”99″]

[button text=”رنگ هشدار” color=”alert” style=”outline” radius=”6″ icon=”icon-heart” icon_reveal=”true”]

[button text=”رنگ موفقیت” color=”secondary” style=”outline”]

[/col]

[/row]

[/section]
[row]

[col span=”3″]

استایل‌های دکمه

هر کدام که دلخواهتان است انتخاب کنید.

[/col]
[col span=”9″]

[button text=”لینک ساده” style=”link”]

[button text=”زیرخط دار” style=”underline”]

[button text=”با حاشیه” style=”outline” depth=”2″ depth_hover=”2″]

[button text=”معمولی” depth=”2″ depth_hover=”5″]

[button text=”براق” style=”gloss” radius=”99″ depth=”2″ depth_hover=”5″]

[button text=”سایه” style=”shade” radius=”7″ depth=”2″ depth_hover=”5″]

[button text=”بیرونی” style=”bevel” radius=”12″ depth=”2″ depth_hover=”5″]

[/col]

[/row]
[row]

[col span=”3″]

دکمه با آیکون

هر کدام که دلخواهتان است انتخاب کنید.

[/col]
[col span=”9″]

[button text=”آیکون دکمه” style=”bevel” radius=”8″ icon=”icon-twitter” icon_pos=”left”]

[button text=”آیکون چپ” style=”outline” radius=”6″ icon=”icon-instagram”]

[button text=”دکمه با جهت چپ” style=”outline” icon=”icon-play” icon_pos=”left” icon_reveal=”true”]

[button text=”دکمه با جهت راست” icon=”icon-angle-right” icon_reveal=”true”]

[button text=”دکمه بزرگ” style=”bevel” size=”xlarge” radius=”8″ icon=”icon-twitter” icon_pos=”left”]

[button text=”ظاهر شدن بزرگ” style=”bevel” size=”xlarge” radius=”8″ icon=”icon-checkmark” icon_pos=”left” icon_reveal=”true”]

[/col]

[/row]
[row]

[col span=”3″]

دکمه با استایل ساده

[/col]
[col span=”9″]

[button text=”رنگ اصلی” style=”link” icon=”icon-play” icon_reveal=”true”]

[button text=”رنگ ثانویه” color=”secondary” style=”link”]

[button text=”رنگ موفقیت” color=”success” style=”link”]

[button text=”رنگ هشدار” color=”alert” style=”link”]

[/col]

[/row]
[row]

[col span=”3″]

سایه دکمه

[/col]
[col span=”9″]

[button text=”سایه بزرگ” style=”bevel” size=”large” depth=”5″ depth_hover=”4″]

[button text=”سایه متوسط” style=”bevel” size=”large” depth=”3″ depth_hover=”4″]

[button text=”سایه کوچک” style=”bevel” size=”large” depth=”1″ depth_hover=”2″]

[/col]

[/row]
[row]

[col span=”3″]

اندازه دکمه

[/col]
[col span=”9″]

[button text=”کوچکترین” size=”xsmall”]

[button text=”کوچکتر” size=”smaller”]

[button text=”کوچک” size=”small”]

[button text=”عادی”]

[button text=”بزرگ” size=”large”]

[button text=”بزرگ‌تر” size=”larger”]

[button text=”بزرگ‌ترین” size=”xlarge”]

[/col]

[/row]
[row]

[col span=”3″]

لینک‌های هوشمند

اضافه کردن متن ساده به دکمه پیوند برای پیوند به صفحات مختلف وردپرس و ووکامرس

[/col]
[col span=”4″]

“فروشگاه” : رفتن به صفحه فروشگاه

“حساب کاربری” رفتن به داشبورد

“برگه پرداخت” رفتن به صفحه پرداخت

“بلاگ” رفتن به صفحه وبلاگ

[/col]
[col span=”4″ span__sm=”12″]

“خانه” رفتن به خانه

“لیست علاقه‌مندی‘” رفتن به صفحه علاقه‌مندی

“عنوان برگه”رفتن به برگه با عنوان.

[/col]

[/row]