المواضيع الأخيرة
» قصة الاصمي والجارية
اليوم في 1:17 من طرف جهاد

» اسماء بنات من القران الكريم ومعانيها
أمس في 16:36 من طرف رحمة

» اسماء بنات دينية
أمس في 16:34 من طرف رحمة

» أسماء بنات من الجنة
أمس في 16:29 من طرف رحمة

» أسماءبنات محرمه ونستخدمها اليوم
أمس في 16:27 من طرف رحمة

» هل تعلم سبب عدم قبول صلاتك
الأحد 26 مارس 2017 - 20:40 من طرف انغام

» اشتركوا فى قناة معا الى الجنة
السبت 25 مارس 2017 - 20:03 من طرف الهام

» شكرا سيدنا يوسف
الجمعة 24 مارس 2017 - 21:53 من طرف جهاد

» حصرى : قالب اليوم السابع الاخبارى 2016
الجمعة 24 مارس 2017 - 13:20 من طرف yasser ahmed

» بنرات جاهزة للكتابة عليها 2015
الجمعة 24 مارس 2017 - 11:20 من طرف ZakiSoft2017

قم بالاعجاب لصفحة موقع صن سيت على الفيسبوك ليصلك كل جديد ...
مركز رفع صور

اشخاص فى صن سيت
مشاهدة المزيد
المتواجدون الآن ؟
ككل هناك 27 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 27 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 1792 بتاريخ الأحد 29 يناير 2017 - 11:31

كود تطوير ازرار تنسيق المواضيع بصندوق الارسال

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

كود تطوير ازرار تنسيق المواضيع بصندوق الارسال

مُساهمة من طرف نغم الحياة في الأحد 11 ديسمبر 2016 - 0:22

javascript+css كود ازرار تنسيق المواضيع بصندوق الارسال
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم كود javascript و كود css
لعمل ازرار 3 لتنسيق المواضيع بشكل خورافي وسهل العمل
صورة الازرار بصندوق الارسال

صورة التنسيق باستخدام الزر

اوﻻ طريقة التركيب
لوحة الاداره. عناصر اضافية. HTML و JAVASCRIPT . اكواد javascript.
تفعيل اكواد javascript اختار نعم
وسجل
ثم انشاء كود الاسم اي شئ
اختار جميع صفحات
واضف الكود التالي

الكود:
    jQuery(function(){
          jQuery(function(){
            jQuery('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){
                    jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
            });
            jQuery('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
                    jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
            });
            jQuery('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
                    jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
            });
            jQuery('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                    jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
            });
            });
          });
الان كود css
مظهر المنتدى. صور والوان. الوان واضف الكود
مخفى للرد



avatar
نغم الحياة
ثلاثه نجوم فضيات 99%
ثلاثه نجوم فضيات 99%

اسم الدولة : : مصر
العمر : 20
عدد المساهمات : 235
المعجبون بمواضيعى : 3

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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


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

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