المعلومات | الكاتب: | | اللقب: | المشرف العام | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 233 | السٌّمعَة : | 17 | تاريخ التسجيل : | 27/09/2014 |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: حصرياً كود زر القوانين وكود زر الحاسبة في لوحة الكتابة من تصميم coolkool - الخميس 12 نوفمبر 2015 - 10:34 |
|
حصرياً كود زر القوانين وكود زر الحاسبة في لوحة الكتابة من تصميم coolkool -اولاً صور الأكواد : زر القوانين : زر الحاسبة : ثانياً الشرح :
- زر القوانين
لوحة الادارة - عناصر اضافية - إدارة صفحات 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 |
|