در صفحه سازهای وردپرس امکان اضافه کردن Hover وجود ندارد. توصیه می شود برای ایجاد افکت های Hover به عناصر سایت از افزونه مداد زرد استفاده کنید. تهیه افزونه مداد زرد
آموزش Hover با افزونه مداد زرد
برای اضافه کردن Hover به عناصر با افزونه مداد زرد، در محیط ویرایش افزونه مداد زرد، المان هایی که قصد دارید ویژگی Hover را به آن ها اضافه کنید انتخاب نمایید. برای آموزش ایجاد تغییرات CSS در سایت با افزونه مداد زرد کلیک کنید.
از منوی سمت راست، روی نام مخصوص المان کلیک کنید. وضعیت (States) آن را در حالت Hover قرار دهید. حال هر تغییری بر روی المان ایجاد کنید به عنوان Hover در نظر گرفته میشود.
برای مثال رنگ پس زمینه المان را وقتی موس روی آن قرار میگیرد تغییر دهید. البته می توانید برای المان از قسمت Shadow سایه تعیین کنید.
پس از ایجاد تغییر و ذخیره آن، با حرکت موس روی عناصر سایت در مرورگر میتوانید تغییرات افکت Hover را مشاهده نمایید.
همان طور که گفتیم افزودن افکت های Hover به عناصر سایت، باعث تعامل بیشتر کاربران میشود. ذکر این نکته خالی از لطف نیست که استفاده بیش از حد این افکت ها و برای تمامی المان ها نیز توصیه نمیشود.
8 دیدگاه. Leave new
سلام وقت بخیر
در المنتور برای المان سربرگ و همچنین عنوان محصول حالت هاور نداریم؟ مثلا بخوام وقتی با موس روی نوشته میرم رنگش قرمز شه
متشکرم
سلام وقت شما بخیر،
بله در تنظیمات آنها چنین موردی تعبیه نشده و بایستی از کد css استفاده کنید.
با تشکر.
سلام متشکرم . امکانش هست راهنمایی بفرمایید چیکار کنم . کد نویسی هم بلد نیستم . متشکرم
درود بر شما ، خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا کد آن تقدیمتان شود.
باتشکر
کارهایی که میشه با مدادزرد انجام داد میشه با المنتور هم انجام داد؟
میخوام المنتور پرو رو بخرم میگم اگر با االمنتور میشه این کارهارو انجام داد
مدادزرد و نخرم
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از افزودن سی اس اس سفارشی به المنتور ( کلاس، آیدی و css در المنتور ) دیدن فرمایید تا درک کاملی از این مورد به دست آورید.
با تشکر.
سلام و عرض ادب و احترام
من هنوز مداد زرد رو نصب نکردم ولی یک گزینه‌ای بالای سایتم با عنوان «edit live» داره. این برای ویژوال کامپوزره؟
سلام وقت شما بخیر،
این مورد صفحه ساز پیش فرض قالب زفایر/ایمپرزا است.
با تشکر.