GeeGee ادارة المنتدى
الجنس : الابراج : برجي هو : عدد الرسائل : 4307 العمر : 38 الموقع : http://doogeeno.own0.com/ العمل/الترفيه : http://doogeeno.own0.com/ المزاج : حلو لذيذ السٌّمعَة : 38 تاريخ التسجيل : 22/02/2010 النشاط : علم دولتي :
| موضوع: حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك الأربعاء مايو 14, 2014 9:42 pm | |
| اخيرا وبعد انتظار كود جميل جدا اضافة ميزة جديدة لصندوق الكتابة الماسي لاحلى منتدى الكود يضيف زر جديد لاداوات الكتابة في صندوق ارسال المواضيع وصندوق الرد السريع لاختيار خلفيه لموضوعك بكل سهوله يوجد مع الكود 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 اتمنى يكون الشرح واضح وتستفيدوا بالكود الجديد | |
|
الميالي المدير العام ومؤسس المنتدى
الجنس : الابراج : برجي هو : عدد الرسائل : 10434 العمر : 56 الموقع : https://foxprogram.hooxs.com العمل/الترفيه : الكومبيوتر المزاج : الحمد لله السٌّمعَة : 84 تاريخ التسجيل : 28/07/2008 النشاط : علم دولتي :
| موضوع: رد: حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك الخميس مايو 15, 2014 4:39 pm | |
| طرحت فابدعت دمت ودام عطائك ودائما بأنتظار جديدك الشيق سلمت اناملك الذهبيه على ماخطته لنا اعذب التحايا لك | |
|
GeeGee ادارة المنتدى
الجنس : الابراج : برجي هو : عدد الرسائل : 4307 العمر : 38 الموقع : http://doogeeno.own0.com/ العمل/الترفيه : http://doogeeno.own0.com/ المزاج : حلو لذيذ السٌّمعَة : 38 تاريخ التسجيل : 22/02/2010 النشاط : علم دولتي :
| موضوع: رد: حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك الجمعة مايو 16, 2014 10:19 am | |
| كل الشكر لكـ ولهذا المرور الجميل الله يعطيكـ العافيه يارب خالص مودتى لكـ وتقبل ودى وإحترامى | |
|