منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


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

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

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

مُساهمة من طرف JAR7 في 26/10/16, 06:20 am

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
مظهر المنتدى. صور والوان. الوان واضف الكود
الرمز:

.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}

وسجل ومبروك عليك الكود



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2197
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

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

مُساهمة من طرف walid dz في 26/10/16, 08:28 pm

تم تجريبه واشتغل بامتياز شكرا جزيلا

walid dz
عضو نشيط


الجنس : ذكر
عدد المساهمات : 90
التقييم : 20
تاريخ التسجيل : 11/04/2016

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

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

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

مُساهمة من طرف انمار في 14/11/16, 04:48 pm

واو كود حلو كتير شكرا جرح

انمار

الجنس : انثى
عدد المساهمات : 8
التقييم : 12
تاريخ التسجيل : 05/11/2016

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

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

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

مُساهمة من طرف عبدالله الوكيل في 19/11/16, 01:09 am

كالعادة ابداع متواصل
تعجز كلاماتى عن وصف الابداع

عبدالله الوكيل

الجنس : ذكر
عدد المساهمات : 15
التقييم : 17
تاريخ التسجيل : 14/11/2016
اوسمتي : :1:1:1

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

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

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

مُساهمة من طرف الجنوب العربي في 19/11/16, 04:08 am

شكرا لك

لن اصدق روحك الهنية لدرجة دي

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



 :y:                   :y:                   :y: 



w w w . t 3 q n y i a t . com


 www.t3qnyiat.com                  www.t3qnyiat.com                 www.t3qnyiat.com

الجنوب العربي
عضو نشيط


الجنس : ذكر
عدد المساهمات : 75
التقييم : 20
تاريخ التسجيل : 20/03/2016
الموقع : www.s-arabia.com
العمل/الترفيه : لا اله الا الله محمد رسول الله
المزاج : استغفر الله واتوب اليك

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

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

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

- مواضيع مماثلة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


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

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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