آموزش هاور Hover در وردپرس

( شنبه ، 29 خرداد سال 1400 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

جلسه پنجاه و چهار

آموزگار :

مهدی جبین پور

حتماً در بازدید از بسیاری از سایت ها، افکت های زیبای Hover را دیده اید. در واقع وقتی نشانگر موس روی عناصر سایت حرکت می کند و ظاهر عناصر تغییر می کنند، از افکت های Hover در طراحی اجزاء سایت استفاده شده است. به کارگیری Hover علاوه بر زیبایی، باعث تعامل بیشتر کاربر با سایت می شود. ( ادامه مطلب … )

افزونه مداد زرد وردپرس

افزونـه مداد زرد ، شاهکار طراحی وب …

افزونه مداد زرد جذاب ترین پلاگین دنیای وردپرس است که با آن می توانید طراحی سایت خود را متحول کنید و به زیبایی آن بافزایید.

افزونه مداد زرد وردپرس

افزونـه مداد زرد ، شاهکار طراحی وب …

افزونه مداد زرد جذاب ترین پلاگین دنیای وردپرس است که با آن می توانید طراحی سایت خود را متحول کنید و به زیبایی آن بافزایید.

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

آموزش هاور Hover در وردپرس

( شنبه ، 29 خرداد سال 1400 )

در صفحه ­سازهای وردپرس امکان اضافه کردن Hover وجو ندارد. توصیه می­ شود برای ایجاد افکت ­های Hover به عناصر سایت از افزونه مداد زرد استفاده کنید. تهیه افزونه مداد زرد

آموزش Hover با افزونه مداد زرد

برای اضافه کردن Hover به عناصر با افزونه مداد زرد، در محیط ویرایش افزونه مداد زرد، المان­ هایی که قصد دارید ویژگی Hover را به آن ها اضافه کنید انتخاب نمایید. برای آموزش ایجاد تغییرات CSS در سایت با افزونه مداد زرد کلیک کنید.

از منوی سمت راست، روی نام مخصوص المان کلیک کنید. وضعیت (States) آن را در حالت Hover قرار دهید. حال هر تغییری بر روی المان ایجاد کنید به عنوان Hover در نظر گرفته می­شود.

برای مثال رنگ پس­ زمینه المان را وقتی موس روی آن قرار می­گیرد تغییر دهید. البته می توانید برای المان از قسمت Shadow سایه تعیین کنید.

پس از ایجاد تغییر و ذخیره آن، با حرکت موس روی عناصر سایت در مرورگر می­توانید تغییرات افکت Hover را مشاهده نمایید.

همان طور که گفتیم افزودن افکت­ های Hover به عناصر سایت، باعث تعامل بیشتر کاربران می­شود. ذکر این نکته خالی از لطف نیست که استفاده بیش از حد این افکت ­ها و برای تمامی المان­ ها نیز توصیه نمی­شود.

برای نوشتن دیدگاه باید وارد بشوید.

17 دیدگاه. ارسال دیدگاه جدید

فهرست