معلومات الإتصال بيانات اضافيه [+ ] التسجيل : 21/07/2012
رقم العضوية : 942
الجنس : التقييم : 55 المشاركات : 546
النقـــاط : 707 السن : 34
البلد :
لوني المفضل : black
.عنوان الموضوع : ( حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك ) الأربعاء 14 مايو - 22:42
موضوع: حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك
حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك اخيرا وبعد انتظار كود جميل جدا اضافة ميزة جديدة لصندوق الكتابة الماسي لاحلى منتدى الكود يضيف زر جديد لاداوات الكتابة في صندوق ارسال المواضيع وصندوق الرد السريع لاختيار خلفيه لموضوعك بكل سهوله يوجد مع الكود 14 خلفية لتختار منها ما يناسبك ويمكنك زيادة الخلفيات حسب زوقك ورغبتك والجميل في الكود انه لا يحتاج التعديل على التومبيلات الكود مكون من شقين كودcss واخر java صورة توضح الزر ومكانه بالصندوق الماسي الصورة لاستعراض الخلفيات اثناء انشاء الموضوععلى منتدى دوجينو الاكواد وطريقة تركيبها اولا كود 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, != "[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, == "[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/6LPhzcp.png,http://i.imgur.com/DkRuYf1.png
اتمنى يكون الشرح واضح وتستفيدوا بالكود الجديد
الموضوع الأصلي : حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك // المصدر : منتديات غربةالروح // الكاتب : الفارسة الملثمة توقيع العضو ; الفارسة الملثمة