منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

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

بيت الجزائر لكل العرب

اسم الموضوع: كود حصري جدا لوضع أدوات الموضوع فوق صندوق الرد - تحديث -أمس في 16:42 من طرفrana778 اسم الموضوع: [code] روبوت كاتب الردود الذكي لاحلي منتديأمس في 16:25 من طرفrana778 اسم الموضوع: قالب زخرفة الاسماء حصريالثلاثاء 12 ديسمبر 2017 - 17:35 من طرفالمدير اسم الموضوع: [Javascript] إدراج صورة برابط الموجود في ازرار صندوق الرد يعمل على جميع النسخالإثنين 11 ديسمبر 2017 - 20:17 من طرفrana778 اسم الموضوع: [Javascript] تغيير تحميل الصور الافتراضي بمركز imgur uploaderالإثنين 11 ديسمبر 2017 - 17:29 من طرفth3free اسم الموضوع: حصرياً كود [Javascript] صندوق الأكواد بمميزات احترافيةالإثنين 11 ديسمبر 2017 - 17:05 من طرفth3free اسم الموضوع: [JAVASCRIPT]خاصية جديدة لنسخ الكود و بدون تظليلالإثنين 11 ديسمبر 2017 - 16:45 من طرفth3free اسم الموضوع: [Javascript]+[Css] زر الملاحظة فى الصندوق الماسى الإثنين 11 ديسمبر 2017 - 16:02 من طرفth3free اسم الموضوع: طريقة فصل أكواد CSS عند وضع أي كودالإثنين 11 ديسمبر 2017 - 15:17 من طرفth3free اسم الموضوع: الكود الحصري جدا إطار احترافي على صندوق الاكواد في المواضيع مع مميزات لن تجدها الا هناالإثنين 11 ديسمبر 2017 - 15:04 من طرفth3free اسم الموضوع: css تضليل الكتابة حصريا هناالإثنين 11 ديسمبر 2017 - 14:28 من طرفth3free اسم الموضوع: حصرياً كود [Css] لوضع عبارة تم إظهار المحتوى المخفى الإثنين 11 ديسمبر 2017 - 14:22 من طرفth3free

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
zizou75
اللقب:
المشرف العام
الرتبه:
المشرف العام
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
233
السٌّمعَة :
16
تاريخ التسجيل :
27/09/2014

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: حصرياً كود زر القوانين وكود زر الحاسبة في لوحة الكتابة من تصميم coolkool - الخميس 12 نوفمبر 2015 - 10:34


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


زر الحاسبة : 

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


  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>

واضغط سجل

لوحة الادارة - عناصر إضافية - إدارة اكواد 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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
حصرياً كود زر القوانين وكود زر الحاسبة في لوحة الكتابة من تصميم coolkool -
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: اكواد هتمل | HTML code
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | انشاء منتدى مع أحلى منتدى | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | الحصول على مدونة