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

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

avatar
النجمة الذهبيه
النجمة الذهبيه
اسم الدولة : : مصر
العمر : 22
عدد المساهمات : 283
المعجبون بمواضيعى : 9
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأحد 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%
اسم الدولة : : ام الدنيا مصر
العمر : 39
عدد المساهمات : 54
المعجبون بمواضيعى : 0
معاينة صفحة البيانات الشخصي للعضوhttp://midosat2015.yoo7.com
تمت المشاركة في الخميس 24 مايو 2018 - 4:08
الف مليون شكر علي المجهود

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

avatar
النجمة الفضية
النجمة الفضية
اسم الدولة : : الجزائر
العمر : 18
عدد المساهمات : 4
المعجبون بمواضيعى : 0
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأحد 10 يونيو 2018 - 1:45
حلوووووووو
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
close
Top