بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين
لوحة المفاتيح أون لاين أداة هامة خاصة للعرب المقيمين بالدول الأجنبية حيث أن معظم أجهزة الكمبيوتر أو اللاب توب لا يوجد بها حروف الهجاء باللغة العربية بما يجد المستخدم صعوبة فى الكتابة بالعربى.كما أنها مفيدة فى حالة عطل الكيبورد الخاصة بالمستخدم حيث أنه يمكنه إستخدام الفأرة (الماوس) فى الكتابة ثم أخذ نسخة من النص بكل بساطة.
طريقة التركيب
1- مشاركة.
2- تحرير.
3- انتقال من تبويب التأليف الى تبويب HTML.
4- ثم ضع الكواد داخل الحقل.
<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: center;"> <div style="text-align: right;"> <span style="color: red;">لوحة المفاتيح العربية أون لاين </span></div> <form id="Form1" name="form1" style="margin-top: -58px;"> <div style="text-align: center;"> </div> <br /> <table align="center" cellpadding="0" cellspacing="0" id="Table1" style="width: 100%px;"><tbody> <tr align="center" style="color: magenta;"><td dir="rtl"> <br /> <center> <textarea class="resizable processed" cols="62" dir="rtl" id="Textarea1" name="text1" rows="4" style="-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border: 3px solid #B44; font-family: 'Amiri'; font-size: 14pt; height: 171px; height: 200px; margin-bottom: -50px; margin-right: 22px; opacity: 1; overflow: auto; position: relative; width: 437px;" tabindex="1"></textarea> </center> </td></tr> <tr align="center"><td> <br /> <center> <img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKwFGihyPSEwg34bNPP6Njw3ewetIXRa1G7vKJNXsP7LeYsFOVskUhJmPw1jcuqUud1iVhd_kLS4Lwi8CEiZNjExmCpftkbu4xbWavdqjsOCFSdz9yikfLNza74rTbln7VYiIUFmLz0r1j/s1600/del.gif" style="-moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%); -webkit-filter: invert(100%); filter: invert(100%); padding: 1px 1px;" usemap="#key" width="450" /> </center> </td></tr> <tr><td height="52"><div style="margin-top: -45px; text-align: center;"> </div> <div align="center"> <div style="-ms-filter: invert(100%); -o-filter: invert(100%); -webkit-filter: invert(100%); border: -moz-filter: invert(100%); filter: invert(100%); text-align: center;"> <img border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7wCbM8qQiFasC7WxLALEMZlo20_nK9P7ik6AuxDjHXf4HduGD1b9dCEwBIw5uT_srFWKPZAC2uorbNDdiqmihbgQtzBmS8xs57cQRv8Nk6Z6edUrhWlZGRgTc3Ljovr8MPZaXW6kOarl_/s1600/de1.png.png" usemap="#key2" width="330" /></div> <div style="text-align: center;"> <span style="color: black; font-size: medium; font-weight: bold;"><span style="font-family: "amiri";">بعد الإنتهاء من الكـتابة حدّد النص و إضغط "Crtl + c " للنسخ و "Crtl + v " للصق</span></span></div> </div> </td></tr> </tbody></table> <center> <map name="key"> <style> .bt { cursor: pointer; } </style> <area coords="121,126,292,150" onclick="form1.text1.value=form1.text1.value + ' ';" shape="RECT"></area> <area coords="421,126,450,150" onclick="form1.text1.value=form1.text1.value + 'ْ';" shape="RECT"></area> <area coords="391,126,417,150" onclick="form1.text1.value=form1.text1.value + 'َ';" shape="RECT"></area> <area coords="362,126,387,150" onclick="form1.text1.value=form1.text1.value + 'ً';" shape="RECT"></area> <area coords="330,126,357,150" onclick="form1.text1.value=form1.text1.value + 'ِ';" shape="RECT"></area> <area coords="302,126,326,150" onclick="form1.text1.value=form1.text1.value + 'ٍ';" shape="RECT"></area> <area coords="92,126,116,150" onclick="form1.text1.value=form1.text1.value + 'ُ';" shape="RECT"></area> <area coords="61,126,87,150" onclick="form1.text1.value=form1.text1.value + 'ٌ';" shape="RECT"></area> <area coords="1,1,30,30" onclick="form1.text1.value=form1.text1.value + 'ذ';" shape="RECT"></area> <area coords="32,1,59,30" onclick="form1.text1.value=form1.text1.value + '١';" shape="RECT"></area> <area coords="62,1,88,30" onclick="form1.text1.value=form1.text1.value + '٢';" shape="RECT"></area> <area coords="90,1,117,30" onclick="form1.text1.value=form1.text1.value + '٣';" shape="RECT"></area> <area coords="119,1,146,30" onclick="form1.text1.value=form1.text1.value + '٤';" shape="RECT"></area> <area coords="149,1,177,30" onclick="form1.text1.value=form1.text1.value + '٥';" shape="RECT"></area> <area coords="180,1,209,30" onclick="form1.text1.value=form1.text1.value + '٦';" shape="RECT"></area> <area coords="212,1,240,30" onclick="form1.text1.value=form1.text1.value + '٧';" shape="RECT"></area> <area coords="243,1,267,30" onclick="form1.text1.value=form1.text1.value + '٨';" shape="RECT"></area> <area coords="270,1,298,30" onclick="form1.text1.value=form1.text1.value + '٩';" shape="RECT"></area> <area coords="300,1,328,30" onclick="form1.text1.value=form1.text1.value + '٠';" shape="RECT"></area> <area coords="330,1,358,30" onclick="form1.text1.value=form1.text1.value + '-';" shape="rect"></area> <area coords="360,1,388,30" onclick="form1.text1.value=form1.text1.value + '=';" shape="RECT"></area> <area coords="390,1,419,30" onclick="form1.text1.value=form1.text1.value + '+';" shape="rect"></area> <area coords="38,92,65,115" onclick="form1.text1.value=form1.text1.value + '/';" shape="RECT"></area> <area coords="421,1,445,30" hidefocus="" onclick="var result; var s = form1.text1.value; result = s.substr(0, s.length - 1); form1.text1.value = result;" shape="RECT"></area> <area coords="22,64,50,86" onclick="form1.text1.value=form1.text1.value + ')';" shape="RECT"></area> <area coords="16,35,44,55" onclick="form1.text1.value=form1.text1.value + '(';" shape="RECT"></area> <area coords="369,98,396,124" onclick="form1.text1.value=form1.text1.value + '*';" shape="RECT"></area> <area coords="399,98,425,124" onclick="form1.text1.value=form1.text1.value + 'ّ';" shape="RECT"></area> <area coords="334,95,361,120" onclick="form1.text1.value=form1.text1.value + 'ظ';" shape="RECT"></area> <area coords="306,95,331,120" onclick="form1.text1.value=form1.text1.value + 'ز';" shape="RECT"></area> <area coords="276,95,300,120" onclick="form1.text1.value=form1.text1.value + 'و';" shape="RECT"></area> <area coords="246,95,271,120" onclick="form1.text1.value=form1.text1.value + 'ة';" shape="RECT"></area> <area coords="219,95,245,120" onclick="form1.text1.value=form1.text1.value + 'ى';" shape="RECT"></area> <area coords="189,95,213,120" onclick="form1.text1.value=form1.text1.value + 'لا';" shape="RECT"></area> <area coords="159,95,186,120" onclick="form1.text1.value=form1.text1.value + 'ر';" shape="RECT"></area> <area coords="130,95,153,120" onclick="form1.text1.value=form1.text1.value + 'ؤ';" shape="RECT"></area> <area coords="101,95,127,120" onclick="form1.text1.value=form1.text1.value + 'ء';" shape="RECT"></area> <area coords="74,95,96,120" onclick="form1.text1.value=form1.text1.value + 'ئ';" shape="RECT"></area> <area coords="351,64,376,90" onclick="form1.text1.value=form1.text1.value + 'ط';" shape="RECT"></area> <area coords="321,64,348,90" onclick="form1.text1.value=form1.text1.value + 'ك';" shape="RECT"></area> <area coords="293,64,315,90" onclick="form1.text1.value=form1.text1.value + 'م';" shape="RECT"></area> <area coords="263,64,286,90" onclick="form1.text1.value=form1.text1.value + 'ن';" shape="RECT"></area> <area coords="234,62,258,90" onclick="form1.text1.value=form1.text1.value + 'ت';" shape="RECT"></area> <area coords="206,64,229,90" onclick="form1.text1.value=form1.text1.value + 'ا';" shape="RECT"></area> <area coords="178,64,200,90" onclick="form1.text1.value=form1.text1.value + 'ل';" shape="RECT"></area> <area coords="148,64,170,90" onclick="form1.text1.value=form1.text1.value + 'ب';" shape="RECT"></area> <area coords="118,64,142,89" onclick="form1.text1.value=form1.text1.value + 'ي';" shape="RECT"></area> <area coords="90,64,112,90" onclick="form1.text1.value=form1.text1.value + 'س';" shape="RECT"></area> <area coords="60,64,84,90" onclick="form1.text1.value=form1.text1.value + 'ش';" shape="RECT"></area> <area coords="371,33,397,60" onclick="form1.text1.value=form1.text1.value + 'د';" shape="RECT"></area> <area coords="343,33,368,60" onclick="form1.text1.value=form1.text1.value + 'ج';" shape="RECT"></area> <area coords="315,33,339,60" onclick="form1.text1.value=form1.text1.value + 'ح';" shape="RECT"></area> <area coords="285,33,310,60" onclick="form1.text1.value=form1.text1.value + 'خ';" shape="RECT"></area> <area coords="255,33,280,60" onclick="form1.text1.value=form1.text1.value + 'ه';" shape="RECT"></area> <area coords="229,33,251,60" onclick="form1.text1.value=form1.text1.value + 'ع';" shape="RECT"></area> <area coords="198,33,222,60" onclick="form1.text1.value=form1.text1.value + 'غ';" shape="RECT"></area> <area coords="169,33,193,60" onclick="form1.text1.value=form1.text1.value + 'ف';" shape="RECT"></area> <area coords="140,33,165,60" onclick="form1.text1.value=form1.text1.value + 'ق';" shape="RECT"></area> <area coords="110,33,134,60" onclick="form1.text1.value=form1.text1.value + 'ث';" shape="RECT"></area> <area coords="82,33,103,60" onclick="form1.text1.value=form1.text1.value + 'ص';" shape="RECT"></area> <area coords="47,33,75,60" onclick="form1.text1.value=form1.text1.value + 'ض';" shape="RECT"></area> <area coords="402,38,436,38,438,85,381,86,379,68,403,68" onclick="form1.text1.value=form1.text1.value + '\n';" shape="POLY"></area></map> <map name="key2"> <area coords="300,5,325,33" onclick="form1.text1.value=form1.text1.value + '؛';" shape="RECT"></area> <area coords="270,4,295,32" onclick="form1.text1.value=form1.text1.value + 'إ';" shape="RECT"></area> <area coords="240,6,265,33" onclick="form1.text1.value=form1.text1.value + '،';" shape="RECT"></area> <area coords="210,4,234,35" onclick="form1.text1.value=form1.text1.value + 'ـ';" shape="RECT"></area> <area coords="180,5,205,33" onclick="form1.text1.value=form1.text1.value + 'أ';" shape="RECT"></area> <area coords="150,6,175,32" onclick="form1.text1.value=form1.text1.value + 'لأ';" shape="RECT"></area> <area coords="121,6,146,35" onclick="form1.text1.value=form1.text1.value + '؟';" shape="RECT"></area> <area coords="92,6,117,32" onclick="form1.text1.value=form1.text1.value + '.';" shape="RECT"></area> <area coords="62,6,87,34" onclick="form1.text1.value=form1.text1.value + ',';" shape="RECT"></area> <area coords="29,6,56,34" onclick="form1.text1.value=form1.text1.value + 'آ';" shape="RECT"></area> <area coords="2,6,27,34" onclick="form1.text1.value=form1.text1.value + 'لآ';" shape="RECT"></area> </map></center> </form> <br /></div> </div>
اتمنى انت تنال اعجابكم ولاتبخلوا علينا بالدعاء لوالدي ولجميع المسلمين
0 التعليقات :
إرسال تعليق