منتديات ادرار
منتديات أدرار ترحب بكم هذه الرسالة تفيد أنك غير مسجل


منتديات ادرار

بوابة ولاية أدرارلكل العرب والجزائريين
 
الرئيسيةالرئيسية  البوابةالبوابة  الأحداث  المنشوراتالمنشورات  بحـثبحـث  التسجيلالتسجيل  دخولدخول    

شاطر | 
 

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

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

عدد المساهمات : 528

مُساهمةموضوع: حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا   الأربعاء 24 يونيو - 9:58:04

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


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

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

مثال في صورة



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




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

نتوجه الى
لوحة ادارة >> مظهر المنتدى >> الوان >> ورقة تصميم 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



الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

منتديات ادرار خدمات الموضوع
 KonuEtiketleri كلمات دليليه
حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا , حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا , حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا ,حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا ,حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا , حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ حصريا اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ادرار  :: بوابة دعم وتطوير المواقع و المنتديات :: أكواد دعم وتطوير المنتديات :: اكواد Javascript-
انتقل الى:  

مساحة اعلانية مجانا *للحجزإتصل بنا*




الساعة الأن بتوقيت بلدك
جميع الحقوق محفوظة لـمنتديات ادرار
®http://adrar01.yoo7.com
حقوق الطبع والنشر©2017 - 2012


"منتديات ادرار" اليوم الإثنين 15 أكتوبر - 15:45:01
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية digg  تسجيل صفحاتك المفضلة في مواقع خارجية delicious  تسجيل صفحاتك المفضلة في مواقع خارجية reddit  تسجيل صفحاتك المفضلة في مواقع خارجية stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية google  تسجيل صفحاتك المفضلة في مواقع خارجية blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية live      

قم بحفض و مشاطرة الرابط منتديات ادرار على موقع حفض الصفحات
  • تذكرني؟