منتديات التطوير و الاشهار
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا 15KrP
منتديات التطوير و الاشهار
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا 15KrP
منتديات التطوير و الاشهار
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات التطوير و الاشهار

منتديات التطوير و الاشهار
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
M!do Lado
‎ادارة المنتـدي
‎ادارة المنتـدي
M!do Lado


ذكر
الدولة : Khartoum, Sudan
عدد المساهمات : 2373
نقاط نشاط : 4288
السٌّمعَة : 147
العمر : 27

حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Empty
مُساهمةموضوع: حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا   حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Emptyالإثنين يوليو 28, 2014 9:33 pm

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

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

مثال في صورة


تكبير الصورة معاينة الأبعاد الأصلية.
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا 1JgnV
http://im37.gulfup.com/1JgnV.png


صورة لعمل الكود

تكبير الصورة معاينة الأبعاد الأصلية.
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا TlQqk
http://im37.gulfup.com/TlQqk.png


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

نتوجه الى
لوحة ادارة >> مظهر المنتدى >> الوان >> ورقة تصميم css >> تم نضع الكود التالي
الكود: ---------تضليل المحتوى
الكود:
div.sceditor-container iframe, div.sceditor-container textarea {  background: transparent;}.postbg {  background-position: 0 0; background-repeat: repeat;}


تم نتوجه الى
لوحة ادارة >> عناصر إضافية >>إدارة اكواد Javascript >> تم نضغ الكود التالي
الكود: ---------تضليل المحتوى
الكود:
 $(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 val } if(n.nodeValue.substr(0, 8) != "[postbg=") { return val } var m = n.nodeValue.match(/^\[postbg=([^\[]*)\]/); $(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.nodeType == 1 &&n.nextSibling.tagName == "BR") { $(n.nextSibling).remove() } }); if($("#text_editor_textarea").length && $.sceditor) { var bglist ="http://i.imgur.com/20aRJFn.png,http://i.imgur.com/DcTM2Ng.jpg,http://i.imgur.com/tkC3deY.jpg,http://i.imgur.com/pfTcnqF.png,http://i.imgur.com/dAQtdaR.gif,http://i.imgur.com/48CU2Qx.png,http://i.imgur.com/lRuwoVi.png,http://i.imgur.com/EHp45H1.png,http://i.imgur.com/8bhbqFF.png,http://i.imgur.com/tb80sYG.png,http://i.imgur.com/6LPhzcp.png,http://i.imgur.com/DkRuYf1.png,http://i.imgur.com/57F0z86.jpg,http://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 } $('<a class="sceditor-button" unselectable="on" title="Fond de message"><div unselectable="on" style="background:url(http://i.imgur.com/Hrf5w1i.gif);opacity:1">Fond de message</div></a>').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 }) } }) }) }});

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

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


الكود: ---------تضليل المحتوى
الكود:
http://i.imgur.com/20aRJFn.png,http://i.imgur.com/DcTM2Ng.jpg,http://i.imgur.com/tkC3deY.jpg,http://i.imgur.com/pfTcnqF.png,http://i.imgur.com/dAQtdaR.gif,http://i.imgur.com/48CU2Qx.png,http://i.imgur.com/lRuwoVi.png,http://i.imgur.com/EHp45H1.png,http://i.imgur.com/8bhbqFF.png,http://i.imgur.com/tb80sYG.png,http://i.imgur.com/6LPhzcp.png,http://i.imgur.com/DkRuYf1.png,http://i.imgur.com/57F0z86.jpg,http://i.imgur.com/PZyMuXF.png


فريق العمل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ebda3pub.com
صابره يا رب
‎عضو ‎جديـد
‎عضو ‎جديـد
صابره يا رب


انثى
الدولة : منتدى انور ابو البصل الاسلامي
عدد المساهمات : 77
نقاط نشاط : 102
السٌّمعَة : 1
العمر : 36

حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Empty
مُساهمةموضوع: رد: حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا   حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Emptyالأحد أغسطس 03, 2014 5:51 am


جزاكم الله كل خير على موضوعكم الرائع 
بارك الله فيكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://anwarbasal.alamuntada.com/
M!do Lado
‎ادارة المنتـدي
‎ادارة المنتـدي
M!do Lado


ذكر
الدولة : Khartoum, Sudan
عدد المساهمات : 2373
نقاط نشاط : 4288
السٌّمعَة : 147
العمر : 27

حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Empty
مُساهمةموضوع: رد: حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا   حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Emptyالأحد أكتوبر 12, 2014 10:51 pm

شکـــرا علي المرور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ebda3pub.com
M!do Lado
‎ادارة المنتـدي
‎ادارة المنتـدي
M!do Lado


ذكر
الدولة : Khartoum, Sudan
عدد المساهمات : 2373
نقاط نشاط : 4288
السٌّمعَة : 147
العمر : 27

حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Empty
مُساهمةموضوع: رد: حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا   حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Emptyالأحد أكتوبر 12, 2014 10:51 pm

شکـــرا علي المرور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ebda3pub.com
كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة
المصمم الصغير
‎عضو ‎نشـيط
‎عضو ‎نشـيط
المصمم الصغير


ذكر
عدد المساهمات : 985
نقاط نشاط : 998
السٌّمعَة : 1

حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Empty
مُساهمةموضوع: _da3m_22   حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Emptyالأحد أكتوبر 26, 2014 10:24 pm

موضوع رائع بوركت
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا 4
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا 128711691410
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» هاك اضافة مصدر منتداك تلقائيا عند نقل الموضوع
» كود وضع خلفية متحركة لازرار صندوق الكتابة السريع css
» اضافة الفلاش الى صندوق التحرير
»  اضافة كود اختصار الكلامات فى صندوق الرد
»  السرطان البحري يعيش فترة أطول إن وضعته في صندوق مغلق تماما أكثر من الفترة التي يعيشها في صندوق مغلق له ثقوب

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات التطوير و الاشهار :: تطویر منتدیات احلی منتدی :: أكواد الجافا اسکريبت ‏JAVA-
انتقل الى: