منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

اضافات في صندوق الرد تجعل الردود مميزة

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

تم الحل اضافات في صندوق الرد تجعل الردود مميزة

مُساهمة من طرف روبي ديزاين في السبت 3 يونيو 2017 - 4:08

سلام الله عليكم 

انا شفت في احدى المنتديات اضافات في صندوق الرد تخلي الردود تظهر بشكل رااائع 
مثال عنها ::



ودا شكل واحده منها عند استخدامها 



فانا بدي زيها بصندوق الرد بتاعي فهل ممكن ذلك وهل من مساعده 

هاذا رابط منتداي 

http://roubi-des.yoo7.com
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 408
معدل النشاط : 671
السُمعة : 20

http://roubi-des.site123.me

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

تم الحل رد: اضافات في صندوق الرد تجعل الردود مميزة

مُساهمة من طرف OuSsaMa BeDdAi في السبت 3 يونيو 2017 - 23:23

عندي كود يضيف دي الأزرار بس
اذا بدك ياه بحطو هون
avatar
OuSsaMa BeDdAi
 
 

ذكر
عدد المساهمات : 148
معدل النشاط : 304
السُمعة : 10

http://mercato.0wn0.com/

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

تم الحل رد: اضافات في صندوق الرد تجعل الردود مميزة

مُساهمة من طرف ebrah في الأحد 4 يونيو 2017 - 0:55

@OuSsaMa BeDdAi كتب:
عندي كود يضيف دي الأزرار بس
اذا بدك ياه بحطو هون

ممكن الكود اخي ؟
avatar
ebrah
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 3148
السُمعة : 0

http://help.ahlamontada.com

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

تم الحل رد: اضافات في صندوق الرد تجعل الردود مميزة

مُساهمة من طرف JoryAbdallah في الأحد 4 يونيو 2017 - 1:16

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;
}

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


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
اشراف عام المساعدة
اشراف عام المساعدة

انثى
عدد المساهمات : 3951
معدل النشاط : 5423
السُمعة : 281

http://taqnyiat.ahlamontada.com/

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

تم الحل رد: اضافات في صندوق الرد تجعل الردود مميزة

مُساهمة من طرف OuSsaMa BeDdAi في الأحد 4 يونيو 2017 - 1:35

@ebrah كتب:
@OuSsaMa BeDdAi كتب:
عندي كود يضيف دي الأزرار بس
اذا بدك ياه بحطو هون

ممكن الكود اخي ؟
هي قامت بوضعه الاخت جوري
avatar
OuSsaMa BeDdAi
 
 

ذكر
عدد المساهمات : 148
معدل النشاط : 304
السُمعة : 10

http://mercato.0wn0.com/

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

تم الحل رد: اضافات في صندوق الرد تجعل الردود مميزة

مُساهمة من طرف روبي ديزاين في الأحد 4 يونيو 2017 - 2:03

تم اعتماد الكود ونجح شكرا لكم على المساعده بارك الله فيكم 
نتيجة جد جميلة 
اسعدكم المولى
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 408
معدل النشاط : 671
السُمعة : 20

http://roubi-des.site123.me

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

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


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