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

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

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


تخسيس ولياقة بدنية وأنظمة غذائية صحية
 
الرئيسيةالبوابةأحدث الصورالتبادل الاعلانيالتسجيلدخول
أهلا بك من جديد يا http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifزائر http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif آخر عضو مسجل http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif Yous http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifفمرحباً به

شاطر
 

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

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

A7labeet

انثى
عدد المساهمات : 11990
تاريخ التسجيل : 20/05/2010
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Jb129110


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

https://a7labeet.yoo7.comحصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Empty
مُساهمةموضوع: حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا   حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا I_icon_minitimeالثلاثاء 21 يوليو 2015, 3:06 am

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

مثال في صورة

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


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

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

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

نتوجه الى
لوحة ادارة >> مظهر المنتدى >> الوان >> ورقة تصميم 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;    }    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 = "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="Background of message"><div unselectable="on" style="background:url(http://i.imgur.com/Hrf5w1i.gif);opacity:1">Background of 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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
صبر جميل

صبر جميل

ذكر
عدد المساهمات : 125
تاريخ التسجيل : 10/08/2015
العمر : 53
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Jb129110

http://anwarbasal.alamuntada.com/حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا Empty
مُساهمةموضوع: رد: حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا   حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا I_icon_minitimeالأربعاء 12 أغسطس 2015, 10:44 pm



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


اخوكم انور ابو البصل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» حصريا | الجزء الاول | من اجمل الخلفيات على الأطلاق | Vlad Studio Wallpapers Pack 1 | حوالى 380 خلفية عالية الوضوح بحجم 750 ميجا على أكثر من سيرفر
» [ JS ] إظهار / إخفاء صندوق الرد
» كود تحديد عدد الكلمات فى صندوق الرد
»  تعاون إخواني مسيحي لتغيير "حزب الكنبة"!
» [JAVASCRIPT] كود لتغيير رمز إشراف علبة الدردشة الى أيقونة "@"

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
Super Health :: أكــــواد للمنـــتديات :: أكواد الجافا إسكريبت JAVA-