در صفحه سازهای وردپرس امکان اضافه کردن Hover وجود ندارد. توصیه می شود برای ایجاد افکت های Hover به عناصر سایت از افزونه مداد زرد استفاده کنید. تهیه افزونه مداد زرد
آموزش Hover با افزونه مداد زرد
برای اضافه کردن Hover به عناصر با افزونه مداد زرد، در محیط ویرایش افزونه مداد زرد، المان هایی که قصد دارید ویژگی Hover را به آن ها اضافه کنید انتخاب نمایید. برای آموزش ایجاد تغییرات CSS در سایت با افزونه مداد زرد کلیک کنید.
از منوی سمت راست، روی نام مخصوص المان کلیک کنید. وضعیت (States) آن را در حالت Hover قرار دهید. حال هر تغییری بر روی المان ایجاد کنید به عنوان Hover در نظر گرفته میشود.
برای مثال رنگ پس زمینه المان را وقتی موس روی آن قرار میگیرد تغییر دهید. البته می توانید برای المان از قسمت Shadow سایه تعیین کنید.
پس از ایجاد تغییر و ذخیره آن، با حرکت موس روی عناصر سایت در مرورگر میتوانید تغییرات افکت Hover را مشاهده نمایید.
همان طور که گفتیم افزودن افکت های Hover به عناصر سایت، باعث تعامل بیشتر کاربران میشود. ذکر این نکته خالی از لطف نیست که استفاده بیش از حد این افکت ها و برای تمامی المان ها نیز توصیه نمیشود.
30 دیدگاه. Leave new
سلام وقتتون بخیر
میخوام زمانی که روی المانی hover میشود هم موقع رفت و هم موقع برگشت موس ، المان من hover اش ارام نمایش داده شود. چه کاری باید انجام بدم؟
از transition هم استفاده کردم ولی فقط زمانی که موس روی المان میرود کار میکند موقع برداشتن موس از روی المان ، خیلی سریع به حالت اولیه اش برمیگردد.
سلام و وقت بخیر.
در صورتی که برخی کد ها را هنوز نمی توانید بخوبی کار کنید ، می توانید از افزونه مداد زرد برای انجام آن کمک بگیرید.
با آرزوی موفقیت برای شما .
درود. برای آموزش ACTIVE STATES هم ویدیو دارید؟
نمیدونم چرا من اکتیو منو هامو فعال می کنم اعمال نمیشه
وقت بخیر
آموزشی برای این مورد هنوز در سایت نداریم
هر چه است در همین آموزش است.
با درود و سپاس بيكران
در برخي از تارنماها ديدم كه با هاور كردن صداي دينگ پخش ميشود، يعني هاور صوتي. اين كار چطور انجام ميشود؟
وقت بخیر
بنظر می رسد که این کار را با کدنویسی انجام داده اند.
افزونه خاصی در ابزار وردپرس برای این مورد نداریم.
سلام خسته نباشید با استفاده از مداد زرد میشه این امکان رو به تصویر داد که وقتی با اشاره گر روی آن ایستادیم تصویر بزرگ تر از دیگر تصاویر شود ؟
سلام و عرض ادب،
این تغییرات را باید در خوده قالب انجام دهید. یعنی تنظیمات به این صورت که در تنظیمات قالب و یا افزونه های رایگان است، نیازی به انجام آن در افزونه مداد زرد نیست.
البته که با افزونه مداد زرد هم می توان Css های جذاب ایجاد کنید.
بصورت کلی باید در این افزونه تغییرات مربوط به css انجام شود و موارد مربوط به اصل طراحی با خوده صفحه ساز و امکانات قالب انجام دهید.
با تشکر
سلام خسته نباشید من میخوام وقتی یه المان هاور میشه به مدت یک ثانیه طول بکشه و سریع این اتفاق نیفته
چطور انجام بدم؟
سلام و احترام
در این قسمت می توانید زمان مورد نظر را وارد کنید.
با تشکر
سلام خسته نباشید یه سوال :تغییراتی که با مداد زرد انجام میدیم،اگه بعد افزونه پاک کنیم ، اون تغییرات باقی می مونه یا نه؟
سلام آقای تنباکوزاده عزیز و گرامی
در صورت حذف افزونه تغییرات از بین خواهند رفت.
با تشکر
آقای جبین پور عالی بود عالی خیلی دنبالش میگشتم مرسییییی
با سلام و احترام
در ” وردپرس ” بدون مداد زرد نمیشه Hover رو ایجاد کرد؟
اگر میشه لطفا بفرمایید چطور میشه انجام داد؟
سلام و درود آقای کاظمی عزیز
برای ایجاد حالت هاور می بایست با css آشنا باشید. در غیر این صورت می بایست از افزونه برای این کار استفاده نمایید.
با تشکر
سلام خسته نباشید، من وقتی در مداد زرد هاور ايجاد می کنم اون هاور یک دفعه اتفاق می افته ولی مثلا سایت شما وقتی روی بعضی از المان ها که ماوس رو می برم آرم آرم ساله دار می شه ولی برای من یک دفعه اتفاق می افته باید چکار کنم ؟
با عرض سلام و خسته نباشید من یک سوال دارم در زمینه هاست لینوکس. پوشه tmp هاست من حدود 110 مگ فضا اشغال کرده میخواستم ببینم ایا این پوشه مهمه یا میتونم حذف کنم .از بین فایل هایی که درون پوشه tmp قرار گرفته اند cpanel form file uploade چهار عدد با این نام هستند که بیشترین فضا را اشعال کرده اند ممنون میشم راهنماییم کنین
سلام ، لطفاً به این منظور به هاست خود تیکت ارسال فرمایید تا بطور تخصصی تری سوال شما را پاسخ دهند. باتشکر
ممنون
این امکان برای نوشته ها هم وجود داره؟
سلام مهدی عزیز ، منظورتون را متوجه نشدم. در واقع تفاوتی در امکانات بین برگه و نوشته نیست.
سلام
میشه تو قسمت برگه ها طوری برگه طراحی کرد که چند تا برگه زیر مجموعه ی یه برگه باشه و در قسمت نشانی سایت در مرورگر با اسلش نشون داده بشه ؟
سلام ، بله این امکان وجود دارد. این تصویر را ملاحظه بفرمایید : https://screen.center/s/Al10
سلام
من توی مداد زرد مثلا هر کار روی یه بلاک متن انجام میدم دفعه ی بعد که یه بلاک متن درست میکنم اون تغییرات رو این بلاک متن هم اعمال میشه
اما نمی خوام اینطوری باشه
میشه راهنمایم کنید
سلام ، به این منظور باید در بالای افزونه مداد زرد روی single قرار دهید. باتشکر
سلام زمانی که موس میره روی المان یه تکون کوچیک میخوره هم با افزونه مداد زرد هستش؟
سلام ، بله انیمیشن است که با مداد زرد می توانید روی المان های مختلفی با افزونه مداد زرد اعمال نمایید. باتشکر
تبلیغات افزونه مداد زردتون صفحه ی قالب زفایر رو میاره
سلام خانم نصرآبادی ، ممنونیم از اینکه اطلاع دادید 🙂 اصلاح شد.
سلام
ممنون از آموزش های خوبتون یه سوالی داشتم
هارو دادن به سایت سرعت سایت رو کاهش نمیده؟؟
سلام ، عملیات هاور عملاً ارتباطی به سرعت ندارد. باتشکر