لوحة المفاتيح العربية بشكل جميل

السلام عليكم

أقدّم لكم إخوتي الكرام كود لوحة المفاتيح العربيّة

و إذا كان ينقصه شيء فسيجري تطويره بإذن الله

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

الكود:: <center>
<center><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F%25D9%2585%25D9%2586%25D8%25AA%25D8%25AF%25D9%258A%25D8%25A7%25D8%25AA-%25D8%25A7%25D9%2584%25D8%25A3%25D8%25B3%25D8%25AA%25D8%25A7%25D8%25B0-%25D8%25A7%25D9%2584%25D8%25A3%25D9%2581%25D8%25B6%25D9%2584%2F190011087729565&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=true&height=62" style="border: medium none; overflow: hidden; width: 292px; height: 62px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe><br></center>

<div style="text-align: center;"><form id="Form1" name="form1"><div style="text-align: center;">
</div><table id="Table1" align="center" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="color: Magenta;" align="center">
<td dir="rtl">
<center><textarea id="Textarea1" dir="rtl" style="border: 2px solid rgb(165, 32, 41); padding: 1px 4px; font-weight: bold; font-size: 11pt;" name="text1" rows="4" wrap="PHYSICAL" cols="62"></textarea>
</center></td></tr>
<tr align="center">
<td>
<center><img style="border: 1px solid rgb(165, 32, 41); padding: 1px 4px;" src="http://arabeforum.googlepages.com/key1.gif" usemap="#key" border="0" width="450" height="156"> </center></td></tr>
<tr>
<td height="52"><div style="text-align: center;">
</div><div align="center"><div style="text-align: center;"><img src="http://arabeforum.googlepages.com/key2.gif" usemap="#key2" border="0" width="354" height="43"><br></div><br><div style="text-align: center;"><font style="font-weight: bold; color: Red;" size="4"><span style="font-family: Courier New;"><font style="font-family: Arial;" size="5">بعد الإنتهاء من الكتابة حدّد النص و إضغط "Crtl + c " للنسخ و "Crtl + v " للصق</font><br><br></span></font><div style="text-align: center;"><font style="color: Gray; font-weight: bold; font-family: Book Antiqua;" size="4">كل حقوق تحويل الكود محفوظة ل<a href="http://oustad.alafdal.net">ـمنتديات الأستاذ الأفضل</a><br> <a href="http://oustad.alafdal.net"><span style="color: DarkSlateGray; background-color: Silver;">www.oustad.alafdal.net</span></a></font><br><font style="font-weight: bold; color: Red;" size="4"><span style="font-family: Courier New;"></span></font></div> </div></div></td></tr></tbody></table>
<center><map name="key"><area onclick="form1.text1.value=form1.text1.value + ' ';" shape="RECT" coords="119,123,292,146"><area onclick="form1.text1.value=form1.text1.value + 'ذ';" shape="RECT" coords="7,5,32,29"><area onclick="form1.text1.value=form1.text1.value + '1';" shape="RECT" coords="37,4,60,26"><area onclick="form1.text1.value=form1.text1.value + '2';" shape="RECT" coords="65,4,89,28"><area onclick="form1.text1.value=form1.text1.value + '3';" shape="RECT" coords="96,3,117,28"><area onclick="form1.text1.value=form1.text1.value + '4';" shape="RECT" coords="125,5,147,27"><area onclick="form1.text1.value=form1.text1.value + '5';" shape="RECT" coords="155,5,176,28"><area onclick="form1.text1.value=form1.text1.value + '6';" shape="RECT" coords="183,4,205,27"><area onclick="form1.text1.value=form1.text1.value + '7';" shape="RECT" coords="212,5,235,27"><area onclick="form1.text1.value=form1.text1.value + '8';" shape="RECT" coords="241,6,263,28"><area onclick="form1.text1.value=form1.text1.value + '9';" shape="RECT" coords="271,6,292,30"><area onclick="form1.text1.value=form1.text1.value + '0';" shape="RECT" coords="298,4,324,30"><area onclick="form1.text1.value=form1.text1.value + 'ظ';" shape="RECT" coords="334,92,361,118"><area onclick="form1.text1.value=form1.text1.value + 'ز';" shape="RECT" coords="306,92,331,114"><area onclick="form1.text1.value=form1.text1.value + 'و';" shape="RECT" coords="276,93,300,115"><area onclick="form1.text1.value=form1.text1.value + 'ة';" shape="RECT" coords="246,93,271,115"><area onclick="form1.text1.value=form1.text1.value + 'ى';" shape="RECT" coords="219,91,245,115"><area onclick="form1.text1.value=form1.text1.value + 'لا';" shape="RECT" coords="189,90,213,114"><area onclick="form1.text1.value=form1.text1.value + 'ر';" shape="RECT" coords="159,93,186,115"><area onclick="form1.text1.value=form1.text1.value + 'ؤ';" shape="RECT" coords="130,95,153,118"><area onclick="form1.text1.value=form1.text1.value + 'ء';" shape="RECT" coords="101,90,127,117"><area onclick="form1.text1.value=form1.text1.value + 'ئ';" shape="RECT" coords="74,92,96,115"><area onclick="form1.text1.value=form1.text1.value + 'ط';" shape="RECT" coords="351,61,376,88"><area onclick="form1.text1.value=form1.text1.value + 'ك';" shape="RECT" coords="321,63,348,86"><area onclick="form1.text1.value=form1.text1.value + 'م';" shape="RECT" coords="293,64,315,87"><area onclick="form1.text1.value=form1.text1.value + 'ن';" shape="RECT" coords="263,63,286,87"><area onclick="form1.text1.value=form1.text1.value + 'ت';" shape="RECT" coords="234,62,258,85"><area onclick="form1.text1.value=form1.text1.value + 'ا';" shape="RECT" coords="206,64,229,87"><area onclick="form1.text1.value=form1.text1.value + 'ل';" shape="RECT" coords="178,64,200,87"><area onclick="form1.text1.value=form1.text1.value + 'ب';" shape="RECT" coords="148,63,170,86"><area onclick="form1.text1.value=form1.text1.value + 'ي';" shape="RECT" coords="118,64,142,89"><area onclick="form1.text1.value=form1.text1.value + 'س';" shape="RECT" coords="90,64,112,87"><area onclick="form1.text1.value=form1.text1.value + 'ش';" shape="RECT" coords="60,64,84,86"><area onclick="form1.text1.value=form1.text1.value + 'د';" shape="RECT" coords="371,34,397,58"><area onclick="form1.text1.value=form1.text1.value + 'ج';" shape="RECT" coords="343,35,368,59"><area onclick="form1.text1.value=form1.text1.value + 'ح';" shape="RECT" coords="315,33,339,58"><area onclick="form1.text1.value=form1.text1.value + 'خ';" shape="RECT" coords="285,35,310,60"><area onclick="form1.text1.value=form1.text1.value + 'ه';" shape="RECT" coords="255,34,280,57"><area onclick="form1.text1.value=form1.text1.value + 'ع';" shape="RECT" coords="229,34,251,57"><area onclick="form1.text1.value=form1.text1.value + 'غ';" shape="RECT" coords="198,35,222,58"><area onclick="form1.text1.value=form1.text1.value + 'ف';" shape="RECT" coords="169,34,193,57"><area onclick="form1.text1.value=form1.text1.value + 'ق';" shape="RECT" coords="140,33,165,58"><area onclick="form1.text1.value=form1.text1.value + 'ث';" shape="RECT" coords="110,35,134,57"><area onclick="form1.text1.value=form1.text1.value + 'ص';" shape="RECT" coords="82,36,103,57"><area onclick="form1.text1.value=form1.text1.value + 'ض';" shape="RECT" coords="51,35,71,55"><area onclick="form1.text1.value=form1.text1.value + '\n';" shape="POLY" coords="402,38,436,38,438,85,381,86,379,68,403,68"></map><map name="key2"><area onclick="form1.text1.value=form1.text1.value + '؛';" shape="RECT" coords="317,5,343,33"><area onclick="form1.text1.value=form1.text1.value + 'إ';" shape="RECT" coords="282,4,308,32"><area onclick="form1.text1.value=form1.text1.value + '،';" shape="RECT" coords="254,6,280,33"><area onclick="form1.text1.value=form1.text1.value + 'ـ';" shape="RECT" coords="225,4,251,35"><area onclick="form1.text1.value=form1.text1.value + 'أ';" shape="RECT" coords="194,5,221,33"><area onclick="form1.text1.value=form1.text1.value + 'لأ';" shape="RECT" coords="164,6,192,32"><area onclick="form1.text1.value=form1.text1.value + '?';" shape="RECT" coords="129,6,158,35"><area onclick="form1.text1.value=form1.text1.value + '.';" shape="RECT" coords="100,6,127,32"><area onclick="form1.text1.value=form1.text1.value + ',';" shape="RECT" coords="71,6,97,34"><area onclick="form1.text1.value=form1.text1.value + 'آ';" shape="RECT" coords="36,6,62,34"><area onclick="form1.text1.value=form1.text1.value + 'لآ';" shape="RECT" coords="8,6,34,34"></map></center></form></div></center>

<body background="http://www.moveed.com/data/media/72/B322.jpg">

<link rel="shortcut icon" href="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Flag_of_Morocco.svg/20px-Flag_of_Morocco.svg.png">

<center><br><a href="http://s04.flagcounter.com/more/4HI"><img src="http://s04.flagcounter.com/count/4HI/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=12/viewers=0/labels=0/" alt="free counters" border="0"></a><br><br><div style="text-align: center;"><a href="http://oustad.alafdal.net/"><img src="http://i46.servimg.com/u/f46/12/36/04/46/c10.png"></a><br></div></center>