منتديات فور ديزاد
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةأحدث الصورالتسجيلدخول
مرحباً بك يا زائر [ خروج ]


 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
Mouh
المــــــديـر
المــــــديـر
Mouh


الـبلــد الـبلــد : الجزائر

ذكر

مـساهـماتــي مـساهـماتــي : 737

الــنـــــــقـــــــــاط الــنـــــــقـــــــــاط : 6852

العــــــــــــــــمر العــــــــــــــــمر : 34
الموقع الموقع : algeria

2014 اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا مقدم من MouhSayad Empty
مُساهمةموضوع: 2014 اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا مقدم من MouhSayad   2014 اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا مقدم من MouhSayad Emptyالثلاثاء يناير 28, 2014 3:06 pm

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

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

مثال في صورة



2014 اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا مقدم من MouhSayad 1JgnV
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


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

2014 اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا مقدم من MouhSayad TlQqk
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


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

نتوجه الى
لوحة ادارة >> مظهر المنتدى >> الوان >> ورقة تصميم 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, 8) != "[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, 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="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/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


mouh 87768756  87768756  87768756 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
haroun28
المــــــديـر
المــــــديـر
haroun28


الـبلــد الـبلــد : الجزائر

ذكر

مـساهـماتــي مـساهـماتــي : 233

الــنـــــــقـــــــــاط الــنـــــــقـــــــــاط : 20650

العــــــــــــــــمر العــــــــــــــــمر : 26
الموقع الموقع : سيدي عامر

2014 اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا مقدم من MouhSayad Empty
مُساهمةموضوع: رد: 2014 اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا مقدم من MouhSayad   2014 اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا مقدم من MouhSayad Emptyالأحد فبراير 09, 2014 6:01 pm


[بارك الله فيك على الموضوع القيم والمميز

وفي إنتظار جديدك الأروع والمميز

لك مني أجمل التحيات

وكل التوفيق لك يا رب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
2014 اضافة زر في صندوق ماسي لتغيير خلفية تلقائيا مقدم من MouhSayad
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود وضع صورة بجانب صندوق الرد للعضو|- Java&Css
» كود css لجعل الازرار تظهر على الواجهه تلقائيا
» كود CSS لتغيير تصميم عارضة المنتدى »Mouh sayad ..
» كود css لتغيير شكل شريط التمرير فى المنتدى كما فى شركة فور ديزاد
» كود سى اس اس لتغيير شكل خانة اسم العضو والرقم السرى للدخول

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات فور ديزاد :: التقنيات المتقدمة :: تقنيات أخرى :: أكواد الجافا إسكريبت JAVA-
انتقل الى: