الزيارات: كود إضافة خاصية التلميح أو Tooltip

السلام عليكم ورحمة الله تعالى وبركاته

اليوم اقدم لكم طريقة اضافة خاصية التلميح او tooltip لمدونة بلوجر وهي تساعد علي معرفة عناوين الصفجات والأقسام والصور والكتير حيت تلمح للزائر عند وضعه الماوس عنوان الصفحة  او عنوان الاٌسام
وتتميز هاته الاضافة بخاصيات:before وafter ويمكنك تعديلها افقيا، عموديا، يمينا، يسارا.
نبقى مع طريقة التركيب

طريقة التركيب الإضافة
1- لوحة التحكم بلوجر.
2- قالب.
3- تحرير HTML .
4- نبحث عن الكود:  ]]></b:skin>
5- ضع بعده التالي:

<style type='text/css'>
/* tooltip------------------------------------- */
[data-tooltip]:before {
    position: absolute;
    top: 145%;
    left: 125%;
    margin-bottom: 5px;
    margin-left: -90px;
    padding: 5px 0px 5px 0px;
    width: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: #b44;
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
}
[data-tooltip]:after {
  position: absolute;
  top: 126%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-bottom: 5px solid #000;
  border-bottom: 5px solid #b44;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: &quot; &quot;;
  font-size: 0;
  line-height: 0;
}
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* tooltip------------------------------------- */
</style>

اضافة وسم data-tooltip في اي رابط او صورة او زر وهو عنوان اللإضافة.
متلا

<li><a data-tooltip='فهرس' href='http://3adnani.com/p/blog-page_83.html' rel='dofollow' target='_blank'></a> </li>

اتمنى انت تنال اعجابكم ولا تنسونا بصالح الدعاء لي و لوالدي واخواني وجميع المسلمسن

قسم : إضافات البلوجر

بقلـــــــم شبكة عـدناني

شبكة عدناني فيها الكثير والكثير من اطيب الكلام و أجمل القصص و أروع المواضيع، نعمل جادين لتقديم ما يفيد ، ستجدون في صفحتنا خيرا كثيرا إن شاء الله : ﴿إن اصبنا فمن الله و ان اخطأنا فمن انفسنا ومن الشيطان﴾