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

4 مشترك

اذهب الى الأسفل

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

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

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

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

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

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

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

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

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

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

انثى
عدد المساهمات : 303
معدل النشاط : 3358
السُمعة : 24

http://roubi-des.site123.me

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

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

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

عندي كود يضيف دي الأزرار بس
اضافات في صندوق الرد تجعل الردود مميزة  2ywacuc
اذا بدك ياه بحطو هون
OuSsaMa BeDdAi
OuSsaMa BeDdAi
 
 

ذكر
عدد المساهمات : 312
معدل النشاط : 3207
السُمعة : 30

https://www.ibda3araby.com/forum

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

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

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

OuSsaMa BeDdAi كتب:
عندي كود يضيف دي الأزرار بس
اضافات في صندوق الرد تجعل الردود مميزة  2ywacuc
اذا بدك ياه بحطو هون

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

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

https://help.ahlamontada.com

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

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

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

javascript+css كود ازرار تنسيق المواضيع بصندوق الارسال
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم كود javascript و كود css
لعمل ازرار 3 لتنسيق المواضيع بشكل خورافي وسهل العمل
صورة الازرار بصندوق الارسال
اضافات في صندوق الرد تجعل الردود مميزة  205qyxt
صورة التنسيق باستخدام الزر
اضافات في صندوق الرد تجعل الردود مميزة  N2k8sw
اوﻻ طريقة التركيب
لوحة الاداره.  عناصر اضافية. 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;
}

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

انثى
عدد المساهمات : 3029
معدل النشاط : 8424
السُمعة : 295

http://taqnyiat.ahlamontada.com/

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

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

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

ebrah كتب:
OuSsaMa BeDdAi كتب:
عندي كود يضيف دي الأزرار بس
اضافات في صندوق الرد تجعل الردود مميزة  2ywacuc
اذا بدك ياه بحطو هون

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

ذكر
عدد المساهمات : 312
معدل النشاط : 3207
السُمعة : 30

https://www.ibda3araby.com/forum

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

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

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

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

انثى
عدد المساهمات : 303
معدل النشاط : 3358
السُمعة : 24

http://roubi-des.site123.me

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

الرجوع الى أعلى الصفحة

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

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