طلب من خبراء اكواد عمل زر جديد

مرحبا

ينقل لقسم الاكواد لعمل اللازم

اهلا وسهلا بك اختي في قسم الاكواد
من بعد اذن اخي النجم الذهبي ،،،

تابعي الخطوات :

لوحة الادارة - عناصر اضافية - إدارة صفحات HTML - إنشاء بستعمال النمط البسيط
العنوان : كيبورد المنتدى
لا
لا
الكود :

الكود:


<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><!--input type="text" SIZE="62" name="text1" value=""--><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" height="156" width="450"> </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" height="43" width="354"><br></div><br><div style="text-align: center;"><font style="font-weight: bold; color: Red;" size="4"><span style="font-family: Courier New;">بعد الإنتهاء من الكتابة حدّد النص و إضغط&nbsp; "Crtl + c " للنسخ و "Crtl + v " للصق<br><br></span></font><div style="text-align: center;"><font style="color: Green; font-weight: bold;" size="1"><span style="font-family: Courier New;">كل حقوق تحويل الكود الى منتديات <span style="color: DarkOrchid;">أحلى منتدى</span> محفوظة لـ<a href="رابط منتداك"> اسم منتداك</a></span></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>

واضغط سجل

لوحة الادارة - عناصر إضافية - إدارة اكواد Javascript -إنشاء كود جديد
العنوان : زر كيبورد المنتدى
كل الصفحات 
الكود : 

الكود:

$(function() {  
  if (!$.sceditor) return;   $.sceditor.command.set('keyword', {
    dropDown : function(editor, caller, callback) {
      var d = document.createElement('DIV');
      d.innerHTML = '<iframe src="ضعي هنا رابط الصفحة الذي ظهر لك في صفحات html" width="580" height="350" scrolling="no"></iframe>';
      editor.createDropDown(caller, 'keyword', d);
  },
    exec : function(c) {
     var e = this;
        $.sceditor.command.get('keyword').dropDown(e, c, function(content){        e.insertText(content);      });    },     txtExec : function(c) {      var e = this;      $.sceditor.command.get('keyword').dropDown(e, c, function(content){        e.insertText(content);      });    }  });   toolbar += ',keyword'});$(function() { if (window.toolbar) toolbar = toolbar.replace(/keyword/,'').replace(/left/, 'keyword,left');});

طبعاً لو تبي تغير مكان الزر في اللوحة : ابحث في كود الجافا عن كلمة faspoiler بتشوفها مرتين احذفها وحط اسم الزر الي تبي زر القوانين يطلع قبله

وباحط اسامي الأزرار نهاية الموضوع

نكمل : واضغط سجل
وروح : لوحة الادارة - مظهر المنتدى - الوان - ورقة تصميم الcss
ضع الكود التالي :

الكود:

[code  /* زر الكيبورد */.sceditor-button-keyword div {    background-image:url('https://i.servimg.com/u/f21/16/80/02/94/iyjjx511.png')!important;    background-position:0 !important;}[/code]

واضغط وسجل ^_^ انتهينا من زر القوانين

ملحوظة الشرح كان لاحد الاكواد في منتدى الدعم لاخونا @coolkool , لكن قمت بالتعديل عليه بما يناسب احتياجاتك
وايضا مهم ان تستبدلي الجملة التي كتبتها لك :

ضعي هنا رابط الصفحة الذي ظهر لك في صفحات html

بالرابط الذي ظهر لك اثناء انشاء الصفحة

كيبور بلغة غربية هع 

كمل وبعدها شنو اسوي يابطل

جميل ابحثي الآن في الكود الذي ارفقته لك عن 

ضعي هنا رابط الصفحة الذي ظهر لك في صفحات html

واستبدليه برابط الصفحة ليصبح بدلا من :
<iframe src="ضعي هنا رابط الصفحة الذي ظهر لك في صفحات html" width="350" height="350" scrolling="no"></iframe>
يصبح هكذا
<iframe src="http://killua.ahlamoontada.net/h3-page" width="350" height="350" scrolling="no"></iframe>

فين اضع الكود هذا في ورقة css او صفحة html

هو في الحقيقة لا يوضع بل يستبدل هنا :
لوحة الادارة - عناصر إضافية - إدارة اكواد Javascript -إنشاء كود جديد
العنوان : زر كيبورد المنتدى
كل الصفحات
الكود :

الكود:


$(function() {  if (!$.sceditor) return;   $.sceditor.command.set('كيبورد', {    dropDown : function(editor, caller, callback) {      var d = document.createElement('DIV');         d.innerHTML = '<iframe src="ضعي هنا رابط الصفحة الذي ظهر لك في صفحات html" width="350" height="350" scrolling="no"></iframe>';           editor.createDropDown(caller, 'كيبورد', d);    },     exec : function(c) {      var e = this;      $.sceditor.command.get('كيبورد').dropDown(e, c, function(content){        e.insertText(content);      });    },     txtExec : function(c) {      var e = this;      $.sceditor.command.get('كيبورد').dropDown(e, c, function(content){        e.insertText(content);      });    }  });   toolbar += ',كيبورد'});$(function() { if (window.toolbar) toolbar = toolbar.replace(/كيبورد/,'').replace(/faspoiler/, 'كيبورد,faspoiler');});

تم الانتهاء من التعديل
تجدين الزر قبل الزر المسمى بـ انحياز الى اليسار ويحمل الرمز كتاب صغير
وفي حالة لم يعجبك مكانه فما عليك سوى مناداتي وسأقوم بتعديله بإذن الله

للعلم تم الغاء تفعيل كود جافاسكربت يحمل الاسم : كود
وذلك لأنه يمنع الكود من العمل بشكل صحيح
يمكنك تفعيله وجعله فقط في الصفحة الرئيسية والبوابة والاماكن التي لا تتواجد بها صندوق رد لكي لا يشوش على عمل الكيبورد

شكرا لك على مجهود بس فيه مشكلة بسيطة

وجود مربع ابيض على مواضيع تحت في اسفل 

https://a.top4top.net/p_591pkyrj2.png

وايضا كنت اريد اضاة هذول زر لوضع خلفية 

https://e.top4top.net/p_591ncx711.png

اوك لاباس يغلق الموضوع 
شكا لك على المساعدة