اخيرا  وبعد انتظار كود جميل جدا  
اضافة ميزة جديدة لصندوق الكتابة الماسي لاحلى منتدى
الكود يضيف زر جديد لاداوات الكتابة   في صندوق ارسال المواضيع وصندوق الرد السريع
لاختيار خلفيه لموضوعك بكل سهوله
يوجد مع الكود 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 ="https://i.imgur.com/20aRJFn.png,https://i.imgur.com/DcTM2Ng.jpg,
https://i.imgur.com/tkC3deY.jpg,https://i.imgur.com/pfTcnqF.png,
https://i.imgur.com/dAQtdaR.gif,https://i.imgur.com/48CU2Qx.png,
https://i.imgur.com/lRuwoVi.png,https://i.imgur.com/EHp45H1.png,
https://i.imgur.com/8bhbqFF.png,https://i.imgur.com/tb80sYG.png,
https://i.imgur.com/6LPhzcp.png,https://i.imgur.com/DkRuYf1.png,
https://i.imgur.com/57F0z86.jpg,https://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(https://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 }) } }) }) }});


 


الان انتهينا من تركيب الاكواد 
لو اردت تغيير او زيادة  الخلفيات الموجودة ما عليك الا وضع رابط صورة الخلفية بدلا من هذه الروابط مع الانتباه للفواصل ,

الكود:
.https://i.imgur.com/6LPhzcp.png,https://i.imgur.com/DkRuYf1.png


اتمنى يكون الشرح واضح وتستفيدوا بالكود الجديد