أضف شكل ازرار لوحة المفاتيح في مواضيعك بكل سهولة

إخواني الكرام كيف حالكم اتمنى تكونوا بألف خير اليوم إن شاء الله ساقدم لكم طريقة جميلة لإضافة شكل أزرار لوحة المفاتيح في مواضيع مدونتك بكل سهولة يمكنك إستعمالها في بعض الشروحات أو في أي كلمة تريد

اولا صورة للشكل 

كما ترون في الصورة الشكل جميل ويستحق التجريب 

لتركيب هذا الشكل في مدونتك قم بتحرير القالب ثم قبل وسم ]]></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></kbd>

 مثلا <kbd>مسح الكل</kbd>

وستضهر كلمة "مسح الكل" على شكل زر من ازرار لوحة المفاتيح  ولوضع أكثر من كلملة يمكنك الفصل بينها بما تريد مثلا
<kbd>مسح الكل</kbd> + <kbd>حذف الكل</kbd>

 هذا كل شيئ بالنسبة لهذه الإضافة اتمنى ان تعجبكم

بالتوفيق للجميع ودمتم في رعاية الله وحفظه