أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير 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 وسيظهر لك التأثير.
ليست هناك تعليقات:
إرسال تعليق