حصرياً كود زر القوانين وكود زر الحاسبة في لوحة الكتابة من تصميمي - coolkool

<div style="text-align: center;">
   <span style="color: rgb(255, 0, 0);"><strong>قوانين المنتدى</strong></span>
</div><div style="text-align: center;">
   <span style="color: rgb(255, 0, 0);"><span style="text-decoration: underline;"><br /></span></span>
</div><div style="text-align: center;">
   <span style="color: rgb(153, 0, 153);"><span style="text-decoration: underline;">1/يمنع وضع صور اباحية وفيديوهات مخلة بالأدب والدين سواء</span></span>
</div><div style="text-align: center;">
   <span style="color: rgb(51, 0, 255);"><span style="text-decoration: underline;">2/ يمنع الكلام الطائفي والعنصري بشكل تاااااام</span></span>
</div><div style="text-align: center;">
   <span style="color: rgb(51, 153, 0);"><span style="text-decoration: underline;">3/ سرقة المواضيع من منتديات اخرى يعرضنا للأحراج لذا يرجى عدم نقل موضوع دون ذكر مصدره</span></span>
</div><div style="text-align: center;">
   <span style="color: rgb(204, 0, 0);"><span style="text-decoration: underline;">4/ وضع المواضيع في اقسام غير اقسامها يتعب الأدارة في نقل المواضيع يرجى الأنتباه</span></span>
</div><span style="color: #FF000;"></span>

$(function() {
  if (!$.sceditor) return;
  
  $.sceditor.command.set('قوانين', {
    dropDown : function(editor, caller, callback) {
      var d = document.createElement('DIV');
    
      d.innerHTML = '<iframe src="http://x-gaming.lforum.biz/h30-page" 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');
});

/* زر القوانين */
.sceditor-button-قوانين div {
    background-image:url('http://i21.servimg.com/u/f21/16/80/02/94/iyjjx511.png') !important;
    background-position:0 !important;
}

<h3>
       
   <div align="center">
        حاسبة  
   </div>
</h3><br />
<form name="calc">
       
   <table border="2" style="text-align: center;">
          
      <tbody>
             
         <tr>
                
            <td colspan="4">
                 <input type="text" name="display" />  
            </td>
                
         </tr>
             
         <tr>
                
            <td>
                 <input type="button" value="0" onclick="calc.display.value+='0'" />  
            </td>
                
            <td>
                 <input type="button" value="1" onclick="calc.display.value+='1'" />  
            </td>
                
            <td>
                 <input type="button" value="2" onclick="calc.display.value+='2'" />  
            </td>
                
            <td>
                 <input type="button" value="+" onclick="calc.display.value+='+'" />  
            </td>
                
         </tr>
             
         <tr>
                
            <td>
                 <input type="button" value="3" onclick="calc.display.value+='3'" />  
            </td>
                
            <td>
                 <input type="button" value="4" onclick="calc.display.value+='4'" />  
            </td>
                
            <td>
                 <input type="button" value="5" onclick="calc.display.value+='5'" />  
            </td>
                
            <td>
                 <input type="button" value="-" onclick="calc.display.value+='-'" />  
            </td>
                
         </tr>
             
         <tr>
                
            <td>
                 <input type="button" value="6" onclick="calc.display.value+='6'" />  
            </td>
                
            <td>
                 <input type="button" value="7" onclick="calc.display.value+='7'" />  
            </td>
                
            <td>
                 <input type="button" value="8" onclick="calc.display.value+='8'" />  
            </td>
                
            <td>
                 <input type="button" value="x" onclick="calc.display.value+='*'" />  
            </td>
                
         </tr>
             
         <tr>
                
            <td>
                 <input type="button" value="9" onclick="calc.display.value+='9'" />  
            </td>
                
            <td>
                 <input type="button" value="C" onclick="calc.display.value=''" />  
            </td>
                
            <td>
                 <input type="button" value="=" onclick="calc.display.value=eval(calc.display.value)" />  
            </td>
                
            <td>
                 <input type="button" value="/" onclick="calc.display.value+='/'" />  
            </td>
                
         </tr>
             
      </tbody>
          
   </table>
</form>

$(function() {
  if (!$.sceditor) return;
  
  $.sceditor.command.set('calculator', {
    dropDown : function(editor, caller, callback) {
      var d = document.createElement('DIV');
    
      d.innerHTML = '<iframe src="http://x-gaming.lforum.biz/h28-page" width="200" height="250" scrolling="no"></iframe>';
      
      editor.createDropDown(caller, 'calculator', d);
    },
  
    exec : function(c) {
      var e = this;
      $.sceditor.command.get('calculator').dropDown(e, c, function(content) {
        e.insertText(content);
      });
    },
  
    txtExec : function(c) {
      var e = this;
      $.sceditor.command.get('calculator').dropDown(e, c, function(content) {
        e.insertText(content);
      });
    }
  });
  
  toolbar += ',calculator'
});

/* زر الحاسبة */
.sceditor-button-calculator div {
    background-image:url('http://i21.servimg.com/u/f21/16/80/02/94/iyjjx510.png') !important;
    background-position:0 !important;
}