إخفاء النقاط المزعجة حول الروابط والأزرار Dotted outline

dotted_line_remove_001

من الأمور " القليلة " المزعجة في متصفح الفيرفوكس ظهور نقاط حول الروابط والأزرار عند الضغط عليها، ويمكن معالجة هذه المشكلة من التصميم نفسه بحيث لا تظهر لمتصفحي المدونة, وذلك بالتعديل في خصائص الروابط في ورقة الأنماط CSS ،  وإضافة كود جافا في أزرة المدونة ، كالتالي:

 

 

1. الروابط:

الوسم المسؤول عن الروابط هو " a " ، وسنضيف له السطر:

a { outline: none !important; }


كلمة !important تعني اعطاء الأولوية لتطبيق هذه الخاصية في جميع الروابط " a " خلال المدونة.



2. الأزرار:



في البدء اضغط على هذين الزرين وانظر الفرق:!





أحدهما ستظهر النقاط بداخله عند الضغط عليه، طبعاً أثناء التصفح بالفيرفوكس ، أما الآخر فلن يظهر عليه أي تأثير، وهو المطلوب، ويمكنك أن تفعل ذلك كالتالي:



ابحث عن كود الزر في القالب وستجده في جزء HTML ، وهو يشبه هذا:



<input type="submit" value="" class="button">


نضيف له هذا الكود الجافي:



onfocus="blur()"


ليصبح هكذا



<input class='button' onfocus='blur()' type='submit' value=''/>


 



بقيت مشكلة واحد لا أعرف لها حلاً ، وهي ظهور هذه النقاط الشائنة في القوائم المنسدلة ؟!

التعليقات: 2

غير معرف يقول... 1 أبريل، 2011 10:05 م

لم اجد هذا الكود لاضيف اليه الكود الثانى فاكيف اجده

جاسر الحربي يقول... 1 أبريل، 2011 10:53 م

السلام عليكم ..

اممم لا أدري أي كود تقصد ربما تقصد كود " الزر " وليس الرابط ، إذا كان توقعي صحيحاً فربما موقع أو مدونتك خالية من هكذا أزرار.

أما إذا كنت متأكد فابحث بدلالة كلمة input فقط سيتكرر ظهورها غالباً عند كل مرة تفقد الكود حول الكلمة.

ان واجهت صعوبة سجلها وإن شاء الله أساعدك

إرسال تعليق



تابع صفحتنا في شبكة قوقيل بلس واقترحها :

تابع صفحتنا في الفيسيبوك:

ليصل جديدنا إلى بريدك تفضل بالاشتراك