GeeGee عضو ملكي
أوسمه : الاعلام : عدد المساهمات : 1203 تاريخ التسجيل : 12/01/2011
| موضوع: حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك الخميس 15 مايو 2014, 5:20 am | |
| اخيرا وبعد انتظار كود جميل جدا اضافة ميزة جديدة لصندوق الكتابة الماسي لاحلى منتدى الكود يضيف زر جديد لاداوات الكتابة في صندوق ارسال المواضيع وصندوق الرد السريع لاختيار خلفيه لموضوعك بكل سهوله يوجد مع الكود 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 اتمنى يكون الشرح واضح وتستفيدوا بالكود الجديد | |
|
محمد الفلكي عضو ملكي
الاعلام : عدد المساهمات : 1041 تاريخ التسجيل : 11/09/2013
| موضوع: رد: حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك الخميس 15 مايو 2014, 7:47 am | |
|
أجمل الكلمات والمواضيع تضعها سيد ةالقلم الذهبي دوما مشاركة مميزة ورائعة من روائعك الجميلة دام هذا التألق والابداع معنا جزاك الله خيرا جزاك الله خيرا بارك الله بك على هذا الموضوع الهام والمهم بحياتنا وفقك الله | |
|