اذهب إلى المحتوى
  • 0

كيفية عرض نص مساعد لعنصر ما في موقع ويب

Ali Mezher

بواسطة Ali Mezher

 مشاركة

السؤال

2 أجوبة على هذا السؤال

Recommended Posts

  • 1
Wael Aljamal عضو نشيط

Wael Aljamal

نشر
نشر

يمكن تحديد النص المساع لعنصر ما في HTML عن طريق title لأي عنصر مثلا: 

<!DOCTYPE html>
<html>
<body>

<p title="أكاديمية حسوب">https://academy.hsoub.com</p>

</body>
</html>

 

أو ابحث عن CSS Tooltip

 

  • أعجبني 3
رابط هذا التعليق
شارك على الشبكات الإجتماعية
  • 0
عبدالباسط ابراهيم عضو نشيط

عبدالباسط ابراهيم

نشر
نشر

إذا كنت تقصد ال tooltip كما وضح وائل في التعليق السابق فبالطبع يمكنك عمل ذلك من خلال الخاصية title 

ولكن لن تتمكن من تعديل التنسيق حيث يبقى لل title نفس الشكل ولن تستطيع التعديل عليه حيث يبدو من الصورة أنك تحتاج شكل معين يأخذ بعض التنسيقات وهناك العديد من الطرق 

  • عن طريق ال javascript 
  • عن طريق ال css فقط بدون الحاجة لل javascript 
  • أو يمكنك البحث عن الأشياء الجاهزة فقط أبحث عن ال tooltip

تطبيق ذلك عن طريق ال css سيكون كالتالي 

<div data-tooltip="hello"> <!-- لم نستخدم ال title -->
    something here
</div>

ال css 

[data-tooltip]:before {            
    position : absolute;
     content : attr(data-tooltip);
     opacity : 0; /* يمكنك تنسيقه كما تريد عن طريق إضافة التنسيقات هنا */
}
[data-tooltip]:hover:before {  /*title  الجزء المسؤل عن ظهور ال */      
    opacity : 1;
}

 

  • أعجبني 2
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

×
 مشاركة
اذهب إلى قائمة الأسئلة

  • إعلانات

  • تابعنا على



×
×
  • أضف...