در این آموزش طراحی سایت، یک تکنیک جالب را بدون استفاده از jQuery به شما می آموزیم. حتماً تا به حال در وب سایت ها، با این مورد برخورد کرده اید که وقتی موس را بر روی متن یا عناصر دیگر صفحه وب ببرید، یک متنی که حاوی توضیحات اضافه برای آن عنصر است، نمایش داده می شود. به این متن، tooltip می گویند. tooltip ها اساساً با حرکت موس بر روی عنصر مورد نظر که می تواند عکس یا متن باشد، نمایش داده می شوند. ما در این فیلم آموزشی به سادگی با استفاده از CSS و HTML، یک tooltip ایجاد خواهیم کرد.
[hdplay id=104]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’https://onliner.co/css-videos/text-tooltip.mp4′]دانلود فیلم آموزش ساخت Tooltip با CSS [/video_download]
[onliner_button type=”edu-demo” url=’http://dl.onliner.ir/css-snippets/text-tooltip.zip’]دانلود دمو[/onliner_button]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش گذاشتن عکس pin در فرم با استفاده از مشخصه position در CSS
- آموزش بعدی : فیلم آموزش استایل دهی به فرم popup (پاپ آپ) در CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
5 دیدگاه دربارهٔ «فیلم آموزش ساخت Tooltip با CSS»
عاااااالی مثل همیشه
خیلی خوب مرسی ازتون
سلام. چرا اینقد آموزشهاتون کم هستن!؟
با سلام
این دو صفحه رو مشاهده فرمودید؟
https://onliner.co/html-video-tutorials
https://onliner.co/css-video-tutorials
سلام
خسته نباشید
آموزش های خوب و با کیفیتی بود