أضافة تأثير تغيير شكل الحرف لزر من ازرار لوحة المفاتيح بالـ CSS3 لبلوجر

 

السلام عليكم!أقدم لكم اليوم اضافة رائعة تفيد في في شرح كيفية اضافة الاكواد

وهي تغيير شكل حرف إلى ما يشبة زر لوحة المفاتيح مثلا تضع اضغط زر Ctrl+F

و التي تستخدم دائما في الشروحات ماذا ان كانت تشبة زر لوحة المفاتيح الن يكون ذالك اجمل

و افضل لالتدوينية؟؟ اذا هل تريد معرفة كيفية فقعل ذالك إذا كان الجواب نعم فتابع قرائة الموضوع..>

لحفظ الحقوق طبعاً الاضافة من برمجة   Osho Garg

-كيفية تركيب الإضافة:

اولاً: إذهب للوحة تحكم مدونتك>>>قالب>>>تحرير html >>>>أشر على توسيع القوالب.

ثانياً: الان اضغط Ctrl+F و إبحث عن الوسم التالي:  

]]></b:skin>

و الصق فوقه مباشرة الكود التالي:

kbd{ border:1px solid gray; font-size:1.2em; box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:2px 3px; padding:1px 5px; }

الان اضغط حفظ!

كيفية الاستخدام كالتالي: عند كتابتك تدوينية اذا وصلت لجزء كتابة الازرار المطلو ضغطها , بالاعلى بجانب زر تأليف زر Html أضغط علية

وفي المكان المناسب انسخ الكود التالي:

<kbd>Ctrl</kdb>+<kbd>F</kbd>

طبعاً يمكنك تغيير الحروف الحمراء بما تريد من حروف.



أخيراً: أذا اعجبك الموضوع او استفدت منه شاركنا برأيك ولو بكلمة شكر!


ولا تنسى الضغط على ازرار المواقع الاجتماعية ادناه.



تحياتي....!