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

The Bestدخول
●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا ديوان الإلكتروني
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
264 المساهمات
239 المساهمات
108 المساهمات
93 المساهمات
50 المساهمات
45 المساهمات
32 المساهمات
25 المساهمات
23 المساهمات
21 المساهمات
آخر المشاركات





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

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($("[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]").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 = $("[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]").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] + ")") }); $("[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]").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) { $("[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]").val(function(i, val) { return"[postbg=" + bglist[bgnum % bglist.length] + "]" + val }) } }) }) }});[/quote]

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

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


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

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

more_horiz
كود مفيد جدا

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

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


اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  H9R9IUO
اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  866468155

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

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

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

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

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

more_horiz
آوهآيؤَ x

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

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

more_horiz
شكرآ لك


اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا  UOwzYx2
 
 KonuEtiketleri عنوان الموضوع
اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا
 Konu Linki رابط الموضوع
 Konu BBCode BBCode
 Konu HTML Kodu HTML code
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى