المواضيع الأخيرة
» "كود" تغير كلمة الرئيسية اسفل المنتدى الى صورة مصغرة
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 8:29 pm

» كود css تأطير الفئات والاحصائيات والمواضيع وغيرها
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:12 pm

» "كود" وضع أطار لأيقونات الموضوع الجديد و القديم و المغلق أسفل المنتدى في الرئيسية
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 7:05 pm

» كود تضليل اسم القسم عند المرور عليه بالماوس
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:57 pm

» كود css لوضع خلفية لبيانات العضو متصل بـــ(؟) واخر مساهماتك للانفيوجن
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:53 pm

» كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
من طرف AsHeK EgYpT السبت أغسطس 13, 2016 6:49 pm

» حل مشكلة الأسطر متقاربة بالمساهمااات
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:36 pm

» كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:33 pm

» طريقة أزالة السطر من تحت أسماء الأعضاء
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:29 pm

» [css] لعمل خاصية تمرير الماوس للآكواد للحفاظ علي مظهر المنتدي
من طرف AsHeK EgYpT الإثنين أغسطس 08, 2016 6:24 pm

أفضل 10 أعضاء في هذا الأسبوع


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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

AsHeK EgYpT
AsHeK EgYpT
عدد المساهمات : 68

مُساهمةAsHeK EgYpT الثلاثاء يوليو 26, 2016 2:41 am

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


اولاً صور الأكواد :
زر القوانين :
حصرياً كود زر القوانين وكود زر الحاسبة في لوحة الكتابة Axh5rc10
زر الحاسبة :
حصرياً كود زر القوانين وكود زر الحاسبة في لوحة الكتابة Qh9E7Ea
ثانياً الشرح :


زر القوانين




لوحة الادارة - عناصر اضافية - إدارة صفحات 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>
واضغط سجل

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

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

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

الكود:
    /* زر القوانين */
      .sceditor-button-قوانين div {
          background-image:url('http://i21.servimg.com/u/f21/16/80/02/94/iyjjx511.png') !important;
          background-position:0 !important;
      }
واضغط وسجل ^_^ انتهينا من زر القوانين

زر الحاسبة :
لوحة الادارة - عناصر اضافية - إدارة صفحات 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>
واضغط سجل

لوحة الادارة - عناصر إضافية - إدارة اكواد Javascript -إنشاء كود جديد
العنوان : الحاسبة
كل الصفحات
الكود:
    $(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'
      });
واضغط سجل

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

وانتهينا مبروك عليكم ^.^
coolkool

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

رسالة سريعة:

انشئ حساب جديد او سجل دخول لكى تستطيع الرد

يجب ان تمتلك عضوية لتستطيع الرد.

انشاء حساب جديد

انضم لمنتدانا عن طريق انشاء حساب جديد . انها سهلة!


انشاء حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ لا مشكلة, سجل دخول من هنا.


تسجيل دخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى