السلام عليكم ورحمة الله تعالى وبركاته اليوم سنتحدث عن كيفية تركيب إضافة Tooltip لمدونات بلوجر ومدونات الووردبريس لمن لايعرف هذه الإضافة فهذه صورة تبين لكم عمل هذه الإضافة.
كما لاحضتم هذه الإضافة تقوم بتغيير شكل title عند المرور بالماوس الآن نأتي لكيفية تركيبها على بلوجر.
أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F) :
والآن عندما تريد إظهار التأثير في رابط كل ماعليك فعله هو أن تضيف إليه كلاس بإسم menu وأضف له title وسيظهر لك التأثير.
والآن نأتي لإضافتها في الووردبريس.
أضف الكود التالي في ملف الستايل الخاص بقالبك:
والآن عندما تريد إظهار التأثير في رابط كل ماعليك فعله هو أن تضيف إليه كلاس بإسم menu وأضف له title وسيظهر لك التأثير.
&& إذا أعجبك الموضوع قم بمشاركته ولاتكن ممن يحتكر المعلومة &&
أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F) :
]]></b:skin>وضع مباشرة فوقه الكود التالي :
#menu{border-radius:10px;padding:5px;background-color:#06F;color:#FFF;border:1px solid #333;display:block;position:absolute;font:9pt Tahoma,Geneva,sans-serif;border:1px solid #03C}بعد ذلك إبحث عن هذا الكود :
</head>ثم ضع فوقه مباشرة الكود التالي :
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'/>
<script type='text/javascript' src='http://totoptop.googlecode.com/files/tooltip.js'/>
والآن عندما تريد إظهار التأثير في رابط كل ماعليك فعله هو أن تضيف إليه كلاس بإسم menu وأضف له title وسيظهر لك التأثير.
والآن نأتي لإضافتها في الووردبريس.
أضف الكود التالي في ملف الستايل الخاص بقالبك:
#menu{border-radius:10px;padding:5px;background-color:#06F;color:#FFF;border:1px solid #333;display:block;position:absolute;font:9pt Tahoma,Geneva,sans-serif;border:1px solid #03C}الآن إفتح ملف header.php وابحث عن الكود التالي:
</head>ثم ضع فوقه مباشرة الكود التالي:
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'/><script type='text/javascript' src='http://totoptop.googlecode.com/files/tooltip.js'/>
والآن عندما تريد إظهار التأثير في رابط كل ماعليك فعله هو أن تضيف إليه كلاس بإسم menu وأضف له title وسيظهر لك التأثير.
&& إذا أعجبك الموضوع قم بمشاركته ولاتكن ممن يحتكر المعلومة &&