سون لرن • آموزش

سلام با فعالسازی پلاگین دکان (وردپرس)، دکمه افزودن به سبد خرید ووکامرس غیرفعال میشه. مستقل از قالب، هیچ پلاگینی هم فعال نیست جز همین دوتا راهکاری دارید؟ 2 نوشته - 1 participants مشاهده متن کامل موضوع ...

سلام و درود خسته نباشید. من میخوام دکمه ها و قیمت های باکس ها به طور یکسان باشند، به دلیل اینکه متن های محصول کم و زیاد هستش. میشه راهنمایی بکنید که از چه کدی باید استفاده بکنم؟؟؟؟ 11 نوشته - 3 participants مشاهده متن کامل موضوع ...

منم سایت szsitebuilder.ir رو ساختم و همین مشکل رو دارم اگه کسی میتونه راهنمایی کنه ممنون میش ...

سلام بعد از تغییر هاست دچار مشکل کار نکردن دکمه بروزرسانی شدم چه اقدامی میتونم برای حل این مشکل انجام بدم؟؟؟به نظرتون مشکل از کجاست؟ 1 نوشته - 1 participants مشاهده متن کامل موضوع ...

سلام وقت بخیر خسته نباشید یه سایت داریم که توش یک محصول هستش محصول هم مجازی هستش (وردپرس/ووکامرس) ما اوردیم تو صفحه اصلی سایت این محصول توضیح دادیم و یک دکمه قرار دادیم به عنوان خرید حالا ما میخوایم وقتی کاربر رو دکمه خرید زد دیگه صفحه محصول ووکامرس باز نشه مستقیم با زدن خرید محصول وارد سبد خرید بشه و خریدش انجام بده بدون اینکه صفحه محصول ووکامرس ببینه حالا مشکل ما اینه که چطور اون محصول به اون دکمه وصل کنیم بدون اینکه صفحه محصول نمایش داده بشه کدی - شورت کدی چیزی در این باره هست مم...

در این قسمت میخوام یک کد (xa0Buttons Depth Effect ) جالب رو در اختیارتون بزارم. دموتوضیحات مربوط به کد Buttons Depth Effect همونطور که دیدید دو دکمه بصورت سوئیچی و زیبا قرار داده شده اند و با کلیک بر روی هر کدام یک افکت عمقی زیبا نمایش داده میشه و دکمه مورد نظر انتخاب میشه. شما میتونین از این مورد ایده بگیرید و از اون در سایتتون استفاده کنید. برای مشاهده کدهای این نمونه میتونین وارد بخش View Source بشید. برای ساخت این کد از CSS Animation و انتقال سه بعدی استفاده شده ...

افکت زیبا برای دکمه - Distorted Button Effects (نمونه 5) • سون لرن آيا مي دانيد ميانگين رضايت دانشجويان سون لرن از دوره ها، بيش از ٩٣% مي باشد! ...

افکت زیبا برای دکمه - Distorted Button Effects (نمونه 4) • سون لرن آيا مي دانيد ميانگين رضايت دانشجويان سون لرن از دوره ها، بيش از ٩٣% مي باشد! ...

در این قسمت میخوام یک کد (xa0Layered Button ) جالب رو در اختیارتون بزارم. دموتوضیحات مربوط به کد Layered Button همونطور که دیدید یک دکمه قرار داده شده است و زمانی که بر روی اون هاور میکنید به زیبایی بصورت چندلایه در میاد. م...

در این مطلب نمونه 3 از افکت زیبا برای ž...

در این قسمت میخوام یکxa0کدxa0( Button effectsxa0) جالب رو در اختیارتون بزارم. توضیحات مربوط به افکت های دکمه یا Button effects همونطور که دیدید سه دکمه قرار داده شده و زمانی که بر روی اونا هاور میکنید، افکت زیبایی برای اونا اجرا میشه و Border های اونا به زیبایی تغییر حالت و مکان میدن. برای ساخت این نمونه از افکت ها، در کلاسهای کاذب after و before مربوط به دکمه ها borderxa0در نظر گرفته شده و زمانی که بر رو...

در این قسمت میخوام یکxa0کدxa0( Liquid Buttonxa0) جالب رو در اختیارتون بزارم. توضیحات مربوط Liquid Button همونطور که دیدید یک دکمه آبکی و ژله مانند قرار داده شده و زمانی که بر روی اون هاور میکنیم، افکت زیبایی براش اجرا میشه. این دکمه با استفاده از Javascript و Canvas به وجود اومده و میتونین کدهای اون رو مشاهده کنید. یک سایدبار در سمت راست قرار گرفته که میتونین با استفاده از اون متغیرهای Javascript رو بصو...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که با استفاده از اون و بدون نیاز به کدنویسی میتونین دکمه های بسیار زیبا مطابق با مد روز رو بسازید و به سادگی ازشون در سایت خودتون استفاده کنید. همونطور که در سایت مشاهده میکنید، تعدادی دکمه از پیش تعریف شده قرار داده شده اند. با استفاده از این بخش میتونین رنگ دکمه رو مشخص کنید میتونین سایز دکمه رو مشخص کنید میتونین کاری کنید که دکمه کل عرض المنت Parent ر...

در این قسمت میخوام یک کد ( Gradient Buttonxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک دکمه قرار داده شده و زمانی که بر روی اون هاور میشه، یک افکت گرادیانی زیبا برای اون اجرا میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید....

در این قسمت میخوام یک کد ( Hinged Twitter Buttonxa0) جالب رو در اختیارتون بزارم.همونطور که دیدید یک آیکون Twitter قرار داده شده و زمانی که بر روی اون هاور میکنید، با افکت زیبایی و بصورت لولا مانند میچرخه و آی دی Twitter فرد مورد نظر رو نمایش میده و با کلیک بر روی اون به صفحه مربوط به اون فرد در Twitte...

در این قسمت میخوام یک کد ( Experiment with FABxa0) جالب رو در اختیارتون بزارم.همونطور که دیدید یک ایده زیبا برای FAB یا Floating Action Button یا دکمه شناور قرار داده شده و زمانی که بر روی اون کلیک میکنید با افکت موجی پخش میشه و کل المنت رو میگیره و با زدن بر روی X به حالت اول بر میگیرده. میتونین از این نمونه در سایتتون استفاده کنید و زیبایی خاصی رو بهش بدین.بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.مو...

در این قسمت میخوام یک کد ( Pure CSS Loading Bar Buttonxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید در ابتدا یک دکمه قرار داده شده و زمانی که بر روی اون کلیک میکنید، با استایل زیبا نوار پیشرفت پر میشه و در انتها به شما میگه که کار مورد نظر انجام شده. با کلیک مجدد بر روی اون به حالت اولیه بر میگرده. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let'...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که اومده و بصورت کامل در مورد طراحی دکمه نمایش بیشتر یا Show more که در بیشتر سایتا وجود داره، صحبت کرده. همونطور که میدونید سه روش متداول برای نمایش مطالب بیشتر وجود داره. اسکرول بی نهایت یا infinite scrolling صفحه بندی یا pagination دکمه نمایش بیشتر یا Show more هر کدام از این موارد مزایا و معایبی رو دارن که این مطلب بصورت کامل در مورد اونا صحبت کرده و بیان کرده که در چه جایی از چه نوعی از این موارد استفاده کنید تا تجربه کاربری سایتتون بهینه باشه. بر...

@import url(http://fonts.googleapis.com/css?family=Francois+One); @import url(http://fonts.googleapis.com/css?family=PT+Sans); @font-face { xa0xa0font-family: 'Audiowide'; xa0xa0font-style: normal; xa0xa0font-weight: 400; xa0xa0src: local("Audiowide"), local("Audiowide-Regular"), url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"); } body { xa0xa0font-size: 62.5%; xa0xa0background-color: #fff; xa0xa0margin: 10px; xa0x...

@import url(http://fonts.googleapis.com/css?family=Francois+One); @import url(http://fonts.googleapis.com/css?family=PT+Sans); @font-face { xa0xa0font-family: 'Audiowide'; xa0xa0font-style: normal; xa0xa0font-weight: 400; xa0xa0src: local("Audiowide"), local("Audiowide-Regular"), url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"); } body { xa0xa0font-size: 62.5%; xa0xa0background-color: #fff; xa0xa0margin: 10px; xa0x...