امیررضا غیاثی
2 سال پیش توسط امیررضا غیاثی مطرح شد
5 پاسخ

استایل دهی به tooltip title

سلام چطوری میتونم به تایتلی که در صورت هاور کردن متن دیده میشه استایل داد
فقط با جاوا اسکریپت میشه ؟ با css نمیشه ؟


ثبت پرسش جدید
علیرضا
@alireza.gh147csc 2 سال پیش مطرح شد
-1

salam o arze adab
ba psudo element after va before mishe dooste man


محمد زورمند
تخصص : react developer
@SpyStar0003 2 سال پیش مطرح شد
0

سلام چرا نمیشه ؟
معلومه که میشه !
شما مثلا یک تگ div رو با hover شدن روی یک button نشون میدین!
خوب بیاین استایل های خودتون رو بدید به اون div
یه کلاس براش تعریف کنید تو فایل css خودتون اون کلاس رو نام ببرید و استایلش بدین


نجما
@n.bahreman157 2 سال پیش مطرح شد
0

سلام وقتتون بخیر
فکر میکنم که این لینک میتونه کمکتون بکنه

https://stackoverflow.com/questions/2011142/how-to-change-the-style-of-the-title-attribute-inside-an-anchor-tag


محمد طاها امیدی
تخصص : سی شارپ . پایتون . طراحی وب ....
@tahaomidi 2 سال پیش مطرح شد
0

عزیز دل،
من در استک اور فلو گشتم و مشکل شما رو پیدا کردم!!!
اینم لینکش:
بزن رو من تا بریم مشکلتو حل کنیم دوست عزیز

امیدوارم هر کجای دنیا که هستید در سلامت ابدی به سر ببرید


احمدرضا مرادی
تخصص : برنامه نویس و طراح سایت
@AhmadRezaMoradi 10 ماه پیش مطرح شد
0

این کد را امتحان کن:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>instagram</title>
</head>
<body>
<a href="https://instagram.com/AhmadRezaMoradi23" data-title="@AhmadRezaMoradi23">instagram</a>
</body>
</html>

///////////////////////////////////////////////////////////////////////////

[data-title] {
    position: relative;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #EBEFFA;
    color: #333;
    border-radius: 8px;
    font-size: 80%;
    box-shadow: 1px 1px 5px #4a4a4a2a;
    position: absolute;
    padding: .2rem .5rem;
    bottom: -1.7em;
    left: 100%;
    white-space: nowrap;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
</style>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام