fox program
مرحبا بك عزيزي الزائر. المرجوا منك أن تعرّف بنفسك
و تدخل المنتدى معنا. إن لم يكن لديك حساب بعد, نتشرف
بدعوتك لإنشائه .إدارة منتدى .فوكس برو كرام

fox program

تحميل برامج الكمبيوتر والموبايل ودروس الفوتوشوب والملفات المفتوحه صوتيات ومرئيات عالم المرأه ترفيه شروحات البرامج
 
الرئيسيةالبوابةاليوميةمكتبة الصوربحـثالتسجيلدخول
 الى كافة الاخوة والاخوات  -- يرجى الانتباه ان منتدانا  لكل الناس  وكل الفئات والديانات ولايقتصر على فئة أو دين معين ويرجى الابتعاد عن المهاترات السياسية والدينية حيث ان المنتدى منتدى ثقافي عام لايروم  الخوض بهذه المواضيع لكي لاتتولد الضغينة والعداوة لكم ويصبح ساحة حرب  لتبادل الاتهامات وسوف تقوم الادارة ونائب المدير  والمشرف العام  والمراقب العام بحذف ماتراه منافيا ومايصبوا اليه المنتدى .. راجين التزامكم مع التقدير.   -     ادارة المنتدى   

شاطر | 
 

 حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
GeeGee
ادارة المنتدى
ادارة المنتدى
avatar


الجنس : انثى
الابراج : العقرب
برجي هو : برج للجدي
عدد الرسائل : 4307
العمر : 31
الموقع : http://doogeeno.own0.com/
العمل/الترفيه : http://doogeeno.own0.com/
المزاج : حلو لذيذ
السٌّمعَة : 38
تاريخ التسجيل : 22/02/2010
النشاط :
0 / 1000 / 100

علم دولتي : مصر




مُساهمةموضوع: حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك    الأربعاء مايو 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


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://doogeeno.own0.com/portal.htm
الميالي
المدير العام ومؤسس المنتدى
المدير العام ومؤسس المنتدى
avatar


الجنس : ذكر
الابراج : الجوزاء
برجي هو : برج الجوزاء
عدد الرسائل : 10423
العمر : 49
الموقع : http://foxprogram.hooxs.com
العمل/الترفيه : الكومبيوتر
المزاج : الحمد لله
السٌّمعَة : 84
تاريخ التسجيل : 28/07/2008
النشاط :
0 / 1000 / 100

علم دولتي : العراق


مُساهمةموضوع: رد: حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك    الخميس مايو 15, 2014 4:39 pm

طرحت فابدعت
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
سلمت اناملك الذهبيه على ماخطته لنا
اعذب التحايا لك


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



افتح توقيعي في صفحه جديده

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://foxprogram.hooxs.com
GeeGee
ادارة المنتدى
ادارة المنتدى
avatar


الجنس : انثى
الابراج : العقرب
برجي هو : برج للجدي
عدد الرسائل : 4307
العمر : 31
الموقع : http://doogeeno.own0.com/
العمل/الترفيه : http://doogeeno.own0.com/
المزاج : حلو لذيذ
السٌّمعَة : 38
تاريخ التسجيل : 22/02/2010
النشاط :
0 / 1000 / 100

علم دولتي : مصر




مُساهمةموضوع: رد: حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك    الجمعة مايو 16, 2014 10:19 am

كل الشكر لكـ ولهذا المرور الجميل
الله يعطيكـ العافيه يارب
خالص مودتى لكـ
وتقبل ودى وإحترامى


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://doogeeno.own0.com/portal.htm
 
حصريا وبعد طول انتظار كود وضع زر جديد بالصندوق الماسي لاختيار خلفيه لموضوعاتك
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
fox program :: ╣☼╠ ۞۞ ╣☼╠╣☼ قــســم تطوير المواقع والمنتديات╣☼╠ ۞۞╣&# :: منتدى اصحاب المواقع والمنتديات-
انتقل الى:  
المواضيع الأخيرة