زمان مطالعه این پست: کمتر از 1 دقیقه!

00

:

00

آخرین بروز رسانی: 1399/8/23
اشتراک گذاری
اشتراک گذاری در email
اشتراک گذاری در twitter
اشتراک گذاری در facebook
اشتراک گذاری در linkedin
اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
امتیاز این پست

حتما توجه کرده اید در بعضی از سایت ها وقتی موس روی قسمتی از صفحه و یا روی متنی خاص قرار میگیرد یا به اصطلاح هاور میشود یک باکس جدید ظاهر میشود و وقتی موس از روی آن بخش خارج میشود باکس مورد نظر هم محو میشود.

توی این مقاله می خواهیم این تولتیپ که فقط با استفاده از html و css کد شده است را آموزش دهیم.

ابتدا یک تگ <a> درست می کنیم و بعد متنی که میخواهیم هنگام هاور شدن موس نمایش داده شود در یک تگ <span> قرار می دهیم مثل کدی که در پایین مشاهده می کنید.

اصل کار از اینجا به بعد است که باید با استفاده از خاصیت های css این امکان را فراهم کنیم.

آموزش تغییرات در کد:

شما می توانید از این تولتیپ هنگام هاور شدن عکس و یا دیگر تگ های html استفاده کنید کافیی است بجای “خانه وب ایران” تگ های مورد نظر را بنویسید.

خط 3: رنگ متن اصلی می توانید عوض کنید.

خط 7: یک علامت قبل از متن اصلی است “◊” که می توانید حذف و یا تغییر دهید و رنگ آن هم در خط 8 قابل تغییر است.

خط 12: برای تغییر پس زمینه تولتیپ است.

خط 19: برای تغییر رنگ متن تولتیپ می باشد..

ممنون از توجه تون – سوالات خودتونو در بخش نظرات مطرح کنید.

۲ پاسخ

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *