اسلایدر رولوشن چیست؟ افزونه Revolution Slider
جلسه 1
دانلود رایگان روولوشن اسلایدر (به همراه اددان‌‌ها) + نصب و پیکربندی
جلسه 2
آموزش کار با پس‌زمینه‌ها در اسلایدر روولوشن
جلسه 3
افزودن فونت فارسی به اسلایدر رولوشن
جلسه 4
ساخت اسلایدر ساده با روولوشن اسلایدر
جلسه 5
سایز استاندارد اسلایدر در روولوشن اسلایدر
جلسه 6
ساخت اسلایدر ریسپانسیو با روولوشن اسلایدر
جلسه 7
کار با انیمیشن‌ها در ساخت اسلایدر با روولوشن اسلایدر
جلسه 8
کار با لایه عمومی (استاتیک) در رولوشن اسلایدر
جلسه 9
تکرار انیمیشن روی یک لایه در روولوشن اسلایدر
جلسه 10
آموزش لینک دادن به دکمه در اسلایدر رولوشن
جلسه 11
کار با بگراند‌های گرادینت در رولوشن اسلایدر
جلسه 12
آموزش کار با اسلایدر رولوشن | پروژه شماره 1
جلسه 13
ساخت پروژه محور اسلایدر شماره دو با روولوشن اسلایدر
جلسه 14
ساخت پروژه محور اسلایدر شماره 3 با رولوشن اسلایدر
جلسه 15
ساخت اسلایدر وردپرس برای نمایش اعضای تیم
جلسه 16
گذاشتن ویدیو در اسلایدر روولوشن
جلسه 17
شما در حال مشاهده
جلسه 18 هستید
آموزش ساخت باکس جستجو در روولوشن اسلایدر
جلسه 18
آموزش Slider Revolution | افکت تصادفی پس زمینه
جلسه 19
رنگ‌های عمومی یا Color Skin در روولوشن اسلایدر
جلسه 20
مدرس دوره
نبی عبدی
زمان ویدیو
13:22 دقیقه
برو به دیگر جلسات
دانلود ویدیو
آموزش ساخت باکس جستجو در روولوشن اسلایدر
با یکی دیگر از جلسات پروژه محور آموزش روولوشن اسلایدر در خدمت شما همراهان عزیز آکادمی وبکیما هستیم، در این جلسه می‌خواهیم نحوه طراحی و ساخت یک باکس جستجو در اسلایدر روولوشن را به صورت کامل آموزش دهیم، پس اگر می‌خواهید یاد بگیرید که چگونه یک باکس جستجو داخل یک اسلایدر طراحی کنید به صورتی که بخش جستجو به صورت کامل کار کند، این جلسه را با دقت دنبال کنید.
کدهای HTML برای ساخت باکس جستجو
<form role="search" method="get" id="searchform" class="webkima-searchform" action="https://webkima.com">
<input type="text" value="" name="s" id="s" placeholder="دنبال چی می‌گردی؟" />
<input type="submit" id="searchsubmit" value="جستجو" />
</form>کدهای CSS برای ساخت باکس جستجو
.webkima-searchform input#s {
font-family: 'dana';
font-size: 14px;
background-color: #ffffff85;
line-height: 45px !important;
padding: 0 20px;
cursor: text;
border: 0;
width: 400px;
margin-bottom: 0px;
transition: background-color 0.5s;
border-radius: 0px;
text-align: right !important;
}
.webkima-searchform input#s::placeholder {
color: #fff !important;
}
.webkima-searchform input#s[type="text"]:focus {
background-color: #f5f5f5;
}
.webkima-searchform input#searchsubmit, .webkima-searchform input#searchsubmit:focus {
font-family: 'dana';
line-height: 45px !important;
text-transform: uppercase;
font-size: 15px;
font-weight: 300 !important;
padding: 0 20px;
border: 0;
background: #0028eea6;
color: #fff;
border-radius: 0px;
margin-right: -11px;
}
.webkima-searchform input#searchsubmit:hover {
background: #0028ee;
}
به طور مثال این برگه طراحی کردم لطفا برگه مشاهده کنید ***
اما بعد از 10 ثانیه تمام جزئیات داده شده میره و برمیگرده چطور میتونم متن و سرچ ثابت بذارم و بکگراندی ک فیلم نره و بیاد و دائم در حال پخش باشه.
این مورد که داخل همین جلسه به صورت کامل آموزش داده شده است، همه این موارد از داخل تایم لاین قابل تنظیم است.
چطور میتونیم یک متن بگراند و…ثابت یک بذارم و بعد از چند ثانیه نره این کارو با استفاده از لوپ انجام دادم اما بگراند و دکمه هام میره و میاد
این موارد را باید از تایم لاین مدیریت کنید، در جلسات انیمیشن‌ها این موارد آموزش داده شده است.
جناب عبدی من اگر 0 تا 100 افزونه اسلایدر رولوشن یاد بگیرم باز هم صفحه به این صورت نمیتونم درست کنم . ***
آیا دوره آموزش جوا اسکریپت هم در راه است یا نه؟
صفحه‌ای که ارسال کرده‌اید به صورت کامل با روولوشن اسلایدر قابل طراحی است، البته باید به این افزونه تسلط کافی داشته باشید، دوره آموزش جاوا اسکریپت هم خواهیم داشت اما احتمالا مدتی طول خواهد کشید.
استاد پایین هر اسلایدی که طراحی میکنم این کد میوفته چجوری میشه پاکش کرد
[html_block id=”258″]
یک اسکرین شات بگیرید و در سایت‌های اشتراک‌گذاری تصویر آپلود کنید و لینک آن را در همین بخش ارسال کنید تا بهتر بتوانیم کمک‌تان کنیم.