The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
●● إعلانـات ●●
إعلانك هنا إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
319 المساهمات
248 المساهمات
145 المساهمات
83 المساهمات
78 المساهمات
78 المساهمات
56 المساهمات
46 المساهمات
24 المساهمات
22 المساهمات
آخر المشاركات




×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية

descriptionاضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  Emptyاضافة زر في صندوق ماسي لتغيير خلفية تلقائيا

more_horiz
السلام عليكم ورحمة الله وبركاته 
اليوم كود جديد جميل ومميز نعرضه لكم على الدعم هدية لاعضائا الغاليين 

الكود عبارة عن زر يظهر في ازرار حقل كتابة مواضيع وردود لوضع خلفية تختارها انت لي تظهر خلفية لموضوعك او ردك الزر يحتوي على العديد من خلفيات كل ما عليك ضغط عليها وتكرار ويتتغير خلفية وتظهر تلقائيا للمعاينة في حق كتابة



==== طريقة التركيب سهلة جدا ======

نتوجه الى 
لوحة ادارة >> مظهر المنتدى >> الوان >> ورقة تصميم css >> تم نضع الكود التالي 




تم نتوجه الى 

لوحة ادارة >> عناصر إضافية >>إدارة اكواد Javascript >> تم نضغ الكود التالي

[quote=$(function() { $("div.postbody").each(function() { var n = this; if($(".post-entry", n).length) { n = $(".post-entry", n)[0] }else { if($(".content", n).length) { n = $(".content", n)[0] } } while(n.nodeType != 3 && n.hasChildNodes()) { n = n.childNodes[0] } if(n.nodeType != 3) { return; } if(n.nodeValue.substr(0,8) != "[postbg=") { return; } var m = n.nodeValue.match(/^\[postbg=([^\]]*)\]/); if(!m) return; $(this).closest("div.post-container,div.post,td.row1,td.row2,div.postmain").addClass("postbg").css("background-image", "url(" + m[1] + ")"); n.nodeValue = n.nodeValue.replace(/^\[postbg=[^\[]*\]\n?/, ""); if(!n.nodeValue && n.nextSibling && n.nextSibling.nodeType == 1 && n.nextSibling.tagName == "BR") { $(n.nextSibling).remove() } }); if($("#text_editor_textarea").length && $.sceditor) { var bglist = "https://i.imgur.com/20aRJFn.png,https://i.imgur.com/DcTM2Ng.jpg,https://i.imgur.com/tkC3deY.jpg,https://i.imgur.com/pfTcnqF.png,https://i.imgur.com/dAQtdaR.gif,https://i.imgur.com/48CU2Qx.png,https://i.imgur.com/lRuwoVi.png,https://i.imgur.com/EHp45H1.png,https://i.imgur.com/8bhbqFF.png,https://i.imgur.com/tb80sYG.png,https://i.imgur.com/6LPhzcp.png,https://i.imgur.com/DkRuYf1.png,https://i.imgur.com/57F0z86.jpg,https://i.imgur.com/PZyMuXF.png".split(","); var bgnum = -1; var val = $("#text_editor_textarea").val(); if(val.substr(0,8) == "[postbg=") { var m = val.match(/^\[postbg=([^\]]*)\]/); if(m) { var r = $.inArray(m[1], bglist); if(r != -1) { bgnum = r }else { bgnum = bglist.length - 1 } $(function() { $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px"); $(".sceditor-container").css("background-image", "url(" + m[1] + ")") }); $("#text_editor_textarea").val(val.replace(/^\[postbg=[^\[]*\]/, "")) } } $(function() { if(!$("#text_editor_textarea").sceditor("instance")) { return } $(']Background of message
').insertAfter(".sceditor-button-fahide").click(function(e) { if(e.ctrlKey) { $(".sceditor-container").css("background-image", ""); bgnum = -1 }else { bgnum++; if(!bgnum) { $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px") } $(".sceditor-container").css("background-image", "url(" + bglist[bgnum % bglist.length] + ")") } }) }); $(function() { $('form[name="post"]').submit(function() { if(bgnum != -1) { $("#text_editor_textarea").val(function(i, val) { return"[postbg=" + bglist[bgnum % bglist.length] + "]" + val }) } }) }) }});[/quote]

كدى الكود صار شغال ونتمنى ان يكون الكود قد نال اعجابكم

اما لمن يريد اضافة خلفيات خاصة به لتعمل على صندوق ايضا
يقوم باخد رابط صورة وضمها الى مجموعة الصور الموجودة في الكود والتي هي مع عدم نسيان الفاصلة بين روابط الخلفيات (,)


منقول للافادة

descriptionاضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  Emptyرد: اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا

more_horiz
كود مفيد جدا

شكرآ جزيـلآ لك =)

اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  866468155

descriptionاضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  Emptyرد: اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا

more_horiz
،*
موضوع جميل جداً..سلمت أناملك ع الطرح الجميل

descriptionاضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  Emptyرد: اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا

more_horiz
اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  H6KQgEg

descriptionاضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  Emptyرد: اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا

more_horiz
آوهآيؤَ x

جميلَ جداً ، شكراً لككَ
بنتظآرَ جديدككَ آلقآدمَ بَ آذن آللهَ
اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  1887442045:tb3:*

descriptionاضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  Emptyرد: اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا

more_horiz
شكرآ لك
 KonuEtiketleri عنوان الموضوع
اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
remove_circleمواضيع مماثلة