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

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

در این قسمت میخوام یک کد (xa0Blend Mode Slider ) جالب رو در اختیارتون بزارم. دموتوضیحات مربوط به کد Blend Mode Slider همونطور که دیدید یک اسلایدر زیبا و حرفه ای ساخته شده و با استفاده از ویژگی های CSS Blend Mode افکت های زیبایی برای اون قرار داده شده که میتونین از اون ایده بگیرید و در سایتتون از اون استفاده کنید. برای مشاهده کدهای این اسلایدر میتونین وارد بخش View Source بشید. زمانی که بین اسلایدها جابجا میشید یک افکت زیبا نمایش داده میشه. بدلیل اینکه حجم کدها زیاد ب...

در این قسمت میخوام یک کد ( double exposure sliderxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک اسلایدر زیبا و حرفه ای قرار داده شده و در هر اسلاید دو تصویر رو بصورت همزمان نمایش میده و تصویر پشتی تا حدودی زیر تصویر روبرو قابل مشاهده است و حالت زیبایی رو به وجود آورده. میتونین از این اسلایدر ایده گرفته و در سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار ...

خودتون میدونید که من خیلی ابزار نمیسازم اما این یکی رو به خاطر دوستان گلم و خانوادم . مسئولان مدرسم . بغال سر کوچه دوست خوبم احسان. سبزی فروش دم رودخونه و گوشی خوبم و لب تاپم و هزاران جوایز نقدی دیگر! خب کجا بودیم!؟ همین دیگه برید حالش رو ببرید ... با تشکر. به امید روز های بهتر. یک اسلایدر حرفه ای با 3 افکت مختلف رو براتون آماده کردم. شما باید 5 تصویر در اسلایدر قرار دهید. با قابلیت تغییر سایز ...

در این قسمت میخوام یک کد ( Slider transitionsxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک اسلایدر زیبا و حرفه ای ساخته شده و قرار گرفته و میتونین با Drag و Drop به سمت بالا و پایین، اسلایدهای اون رو عوض کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان ...

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #3992fd; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } .sec...

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #d2f1ca; color: #e54f4f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } ....

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #f7f5ed; color: #d6856d; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } ....

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #1e1b2c; color: #f39468; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } ....

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; xa0xa0xa0xa0background: #eae096; color: #ff5722; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events...

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #27272b; xa0xa0xa0xa0color: #ff4d3b; xa0xa0xa0xa0min-height: 510px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; widt...

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #62ea80; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } .sec...

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #a7a7a7; xa0xa0xa0xa0color: #ffeb3b; xa0xa0xa0xa0min-height: 510px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; widt...

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #b5bf4b; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } .sec...

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-family: 'Roboto Mono', monospace; background: #f44336; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, html input[type="button"], input[type="reset"], input[type="submit"] { xa0xa0xa0xa0-webkit-appearance: button; xa0xa0xa0xa0cursor: pointer; } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } .sec...

در این قسمت میخوام یک کد ( Slider for zoomxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک اسلایدر قرار داده شده که میتونین از اون برای مواردی که نیاز به کنترلر برای زوم کردن هست، استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید...

در این قسمت میخوام یک کد ( Responsive Slidersxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید تعدادی اسلایدر زیبا و واکنشگرا قرار داده شده و میتونین عدد مورد نظرتون رو انتخاب کنید و یا اینکه حداقل و حداکثر رو برای اونا مشخص کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید...

در این قسمت میخوام یک کد ( Animated cube sliderxa0) جالب رو در اختیارتون بذارم. همونطور کهxa0دیدین یک اسلایدر بصورت مکعبی قرار داده شده و با استفاده از CSS ساخته شده است. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read t...