Worled Animy ♥
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
MS.SAMAR
مصممة
مصممة
avatar

عدد المساهمات : 44
تاريخ التسجيل : 14/12/2014

مُساهمةموضوع: حصرياً كود زر القوانين وكود زر الحاسبة في لوحة الكتابة من تصميمي - coolkool   الثلاثاء يناير 12, 2016 10:56 am

السلام عليكم اليوم عندي لكم كود رائع جداً

اقتباس :
ملاحظة !!!! كتب:ساعدني في تصميم كود الجافا سكربت عضو منتدى الدعم الأجنبي الأخ : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


اولاً صور الأكواد :

زر القوانين : 

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

زر الحاسبة : 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثانياً الشرح :


  1. زر القوانين




لوحة الادارة - عناصر اضافية - إدارة صفحات HTML - إنشاء بستعمال النمط البسيط
العنوان : قوانين كتابة الموضوع
لا
لا
الكود :
الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:
<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>
[size]

واضغط سجل

لوحة الادارة - عناصر إضافية - إدارة اكواد Javascript -إنشاء كود جديد
العنوان : زر قوانين المشاركة
كل الصفحات 
الكود : 
الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
[/size]
الكود:
$(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');
});
[size]

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

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

نكمل : واضغط سجل
وروح : لوحة الادارة - مظهر المنتدى - الوان - ورقة تصميم الcss
ضع الكود التالي :
الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
[/size]
الكود:
/* زر القوانين */
.sceditor-button-قوانين div {
    background-image:url('http://i21.servimg.com/u/f21/16/80/02/94/iyjjx511.png') !important;
    background-position:0 !important;
}
[size]

واضغط وسجل ^_^ انتهينا من زر القوانين
[/size]
زر الحاسبة : 
لوحة الادارة - عناصر اضافية - إدارة صفحات HTML - إنشاء بستعمال النمط البسيط
العنوان : الحاسبة
لا
لا
الكود :
الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:
<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>
[size]

واضغط سجل

لوحة الادارة - عناصر إضافية - إدارة اكواد Javascript -إنشاء كود جديد
العنوان : الحاسبة
كل الصفحات 
الكود :
الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
[/size]
الكود:
$(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'
});
[size]

واضغط سجل

لوحة الادارة - مظهر المنتدى - الوان - ورقة تصميم الcss
وضع هذا الكود :
الكود:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
[/size]
الكود:
/* زر الحاسبة */
.sceditor-button-calculator div {
    background-image:url('http://i21.servimg.com/u/f21/16/80/02/94/iyjjx510.png') !important;
    background-position:0 !important;
}
[size]

واضغط سجل ^.^

وانتهينا مبروك عليكم ^.^
[/size]
اقتباس :
اقتباس :
الأزرار : 


اقتباس :
زر خط عريض = bold

اقتباس :
زر خط مائل = italic

اقتباس :
زر خط في الأسفل = underline

اقتباس :
زر خط في المنتصف = strike

اقتباس :
زر انحياز إلى اليسار = left

اقتباس :
زر انحياز إلى اليمين = Right

اقتباس :
زر توسيط = center

اقتباس :
زر ملأ سطر = justify

اقتباس :
زر قائمة نقطية = bulletlist

اقتباس :
زر قائمة رقمية = orderedlist

اقتباس :
زر إدراج سطر أفقي = horizontalrule

اقتباس :
زر إدراج إقتباس = quote

اقتباس :
زر إدراج أكواد = code

اقتباس :
زر إخفاء رد = faspoiler

اقتباس :
زر إخفاء مقترن بأقتباسات = fahide

اقتباس :
زر إدراج جدول = table

اقتباس :
زر رفع صور = servimg

اقتباس :
زر إدراج صور = image

اقتباس :
زر إدراج رابط = link

اقتباس :
زر يوت يوب = youtube

اقتباس :
زر دالي موشن = dailymotion

اقتباس :
إدراج ملف فلاش = flash

اقتباس :
زر تنسيق العنوانين = headers

اقتباس :
زر حجم الخط = size

اقتباس :
زر الألوان = color

اقتباس :
زر الخطوط = font

اقتباس :
زر إزالة التنسيق = removeformat

اقتباس :
زر إظهار بقية الأزرار = more

اقتباس :
حرف دليلي تحت السطر = subscript

اقتباس :
زر حرف دليلي فوق السطر = superscript

اقتباس :
زر استعراض افقي = fascroll

اقتباس :
زر استعراض عمودي = faupdown

اقتباس :
زر عشوائي = farand

اقتباس :
زر تاريخ اليوم = date

اقتباس :
زر الوقت = time

اقتباس :
إدراج نص بدون تنسيقه الأصلي = pastetext

اقتباس :
تغير نمط نافذة الأرسال = source
[size]

ملاحظة : كود الhtml حق الحاسبة من تصميم مواقع خارجية اجنبية ليس لها اي علاقة بالمنتديات
وشكراً[/size]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
حصرياً كود زر القوانين وكود زر الحاسبة في لوحة الكتابة من تصميمي - coolkool
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
Worled Animy ♥ :: المنتديات التَقنية والتَطويريه ♫ :: طَوري مُنتدَاك ↓✿-
انتقل الى: