- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
BBcode شرح تلوين خلفية النصوص باطارت
-
- [شرح]:
-
22-02-2012 04:41 مساءً
-
omarمعلومات الكاتبالأعضاءعضـو متميز
- انضم في :
- 30-06-2011
- رقم العضوية :
- 1558
- المشاركات :
- 700
- الدولة :
- مصر
- الجنس:
- تاريخ الميلاد :
- 26-1-1987
- الدعوات:
- 3
- قوة السمعة:
- 4317
-
بسم الله الرحمن الرحيم
اقدم لكم كود bbcode اضافة جديد للمحرر
تلوين خلفية النص ووضع ايطار لها
يعتمد هذا الكود على css
اولا مثال على الطريقه
http://www.el-7lm.com/vb/t3699.html
طريقة التركيب
قم بوضع الاكود من لوحة الادارة عن طريقة اضافه كود منتدى جديد
ثم قم بوضه كود css فى اخر ملف ال css فى الاستايل المستخدم
الايقوونات الخاصه بالاكواد تجدوها بلمرفقات
قمت بتجهيز خمس خلفيات
الكود الاول
العنوان خلفية سوداء مع ايطار ازرق
الوصف خلفية سوداء مع ايطار ازرق
وسم BBCode ضع bak1
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk1.png
الاستبدال
CODE<div id="table1"> {content} </div>
كود الـــ css
CODE#table1 { width: 98%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 10px solid #0000FF; background: #000000; }
الكود الثانى
العنوان خلفية سوداء مع ايطار احمر
الوصف خلفية سوداء مع ايطار احمر
وسم BBCode ضع bak2
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk2.png
الاستبدال
CODE<div id="table2"> {content} </div>
كود الـــ css
CODE#table2 { width: 98%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 10px solid #FF0000; background: #000000; }
الكود الثالث
العنوان خلفية سوداء مع ايطار سماوى
الوصف خلفية سوداء مع ايطار سماوى
وسم BBCode ضع bak3
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk3.png
الاستبدال
CODE<div id="table3"> {content} </div>
كود الـــ css
CODE#table3 { width: 98%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 10px solid #0099FF; background: #000000; }
الكود الرابع
العنوان خلفية سوداء مع ايطار لبنى
الوصف خلفية سوداء مع ايطار لبنى
وسم BBCode ضع bak4
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk4.png
الاستبدال
CODE<div id="table4"> {content} </div>
كود الـــ css
CODE#table4 { width: 98%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 10px solid #37CDE8; background: #000000; }
الكود الخامس
العنوان خلفية سوداء مع ايطار بينك
الوصف خلفية سوداء مع ايطار بينك
وسم BBCode ضع bak5
استخدام {option} اجعلها لا
زر الصورة (اختيارية) قم برفع الصوره وضع الرابط الصورة الخاصه بهذه الخلفيه هى bk5.png
الاستبدال
CODE<div id="table5"> {content} </div>
كود الـــ css
CODE#table5 { width: 98%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 10px solid #FF66FF; background: #000000; }
ارجو من استاذنا سليمان تطوير هذه الاكود بحيث يمكن للعضو ان يختار اى لون للخلفيه او الاطار وتكون جزء من المحرر
وايضا اضافه خلفيات عباره عن باترون
هذه الاضافه تعمل على كل المتصفحات-
تم تحرير الموضوع بواسطة :omar بتاريخ: 02-03-2012 08:26 مساءً
سبب التعديل : تعديل عنوان الموضوع لعنوان مناسب
-
-
BBcode شرح تلوين خلفية النصوص باطارت22-02-2012 04:57 مساءً [1]
-
AHMEDمعلومات الكاتبالأعضاءعضـو ستـار
- انضم في :
- 20-07-2009
- رقم العضوية :
- 18
- المشاركات :
- 2796
- الجنس:
- تاريخ الميلاد :
- 1-10-1981
- الدعوات:
- 31
- قوة السمعة:
- 4978
- موقعي:
- زيارة موقعي
-
جزاك الله خيرا اخى عمر
عمل رائع و تطوير مميز للمواضيع و طريقة عرضها
و انا معك فى هذا الاقتراح تسهيلا فى اختيار الاضافه
اقتبـاس ،، ارجو من استاذنا سليمان تطوير هذه الاكود بحيث يمكن للعضو ان يختار اى لون للخلفيه او الاطار وتكون جزء من المحرر
وايضا اضافه خلفيات عباره عن باترون
-
-
BBcode شرح تلوين خلفية النصوص باطارت22-02-2012 05:04 مساءً [2]
-
Solimanمعلومات الكاتبالادارة العامةPBBoard developer
- انضم في :
- 18-07-2009
- رقم العضوية :
- 1
- المشاركات :
- 13373
- الدولة :
- KSA
- الجنس:
- الدعوات:
- 55
- قوة السمعة:
- 81696
- موقعي:
- زيارة موقعي
-
يعطيك العافية ..
ينقل للمكان المناسب وهو قسم الشروحات والدروس ..
-
-
BBcode شرح تلوين خلفية النصوص باطارت22-02-2012 10:39 مساءً [3]
-
omarمعلومات الكاتبالأعضاءعضـو متميز
- انضم في :
- 30-06-2011
- رقم العضوية :
- 1558
- المشاركات :
- 700
- الدولة :
- مصر
- الجنس:
- تاريخ الميلاد :
- 26-1-1987
- الدعوات:
- 3
- قوة السمعة:
- 4317
-
المشاركة الأصلية كتبت بواسطة: AHMED جزاك الله خيرا اخى عمر
تسلم اخى احمد على المرور المميز
عمل رائع و تطوير مميز للمواضيع و طريقة عرضها
و انا معك فى هذا الاقتراح تسهيلا فى اختيار الاضافه
اقتبـاس ،، ارجو من استاذنا سليمان تطوير هذه الاكود بحيث يمكن للعضو ان يختار اى لون للخلفيه او الاطار وتكون جزء من المحرر
وايضا اضافه خلفيات عباره عن باترون
-
-
BBcode شرح تلوين خلفية النصوص باطارت22-02-2012 10:41 مساءً [4]
-
omarمعلومات الكاتبالأعضاءعضـو متميز
- انضم في :
- 30-06-2011
- رقم العضوية :
- 1558
- المشاركات :
- 700
- الدولة :
- مصر
- الجنس:
- تاريخ الميلاد :
- 26-1-1987
- الدعوات:
- 3
- قوة السمعة:
- 4317
-
المشاركة الأصلية كتبت بواسطة: Soliman يعطيك العافية ..
تسلم استاذنا وعذرا على الخطئ
ينقل للمكان المناسب وهو قسم الشروحات والدروس ..
-
-
BBcode شرح تلوين خلفية النصوص باطارت02-03-2012 08:17 مساءً [5]
-
Ahmed Sprouseمعلومات الكاتبالأعضاءعضو فعال
- انضم في :
- 12-01-2012
- رقم العضوية :
- 1977
- المشاركات :
- 142
- الدولة :
- العراق
- الجنس:
- تاريخ الميلاد :
- 14-5-1988
- قوة السمعة:
- 241
- موقعي:
- زيارة موقعي
-
أولاً شكراً جزيلاً أخي الكريم على الموضوع المميز..
ثانياً المرفق يطلع عندي فارغ و لا يحتوي على أي ملف و حجمه 0 بايت!
ثالثاً حاولت أضيف كود BB بطريقتك حتى أصلح مشكلة أكواد info, warning, caution اللي موجودة بصندوق المودة للتحرير (نظراً لكون منتداي كان في بي مع صندوق تحرير المودة, و فيه أكثر من موضوع تحتوي على هذه الأكواد التي كانت تضيف أيقونة قبل نص المحتوى و تغير خلفية النص بحيث)
لكن للأسف فشلت ..
فهل من توضيح أكثر؟ و لك جزيل الشكر
-
تم تحرير المشاركة بواسطة :Ahmed Sprouse بتاريخ:02-03-2012 08:18 مساءً
-
-
BBcode شرح تلوين خلفية النصوص باطارت02-03-2012 08:39 مساءً [6]
-
omarمعلومات الكاتبالأعضاءعضـو متميز
- انضم في :
- 30-06-2011
- رقم العضوية :
- 1558
- المشاركات :
- 700
- الدولة :
- مصر
- الجنس:
- تاريخ الميلاد :
- 26-1-1987
- الدعوات:
- 3
- قوة السمعة:
- 4317
-
المشاركة الأصلية كتبت بواسطة: Ahmed Sprouse أولاً شكراً جزيلاً أخي الكريم على الموضوع المميز..
تم تعديل المرفق وبخصوص الاكواد الزائد التى تخص محرر الموده فقد قام بحلها الاخ phpmax قبل ان يغادر
ثانياً المرفق يطلع عندي فارغ و لا يحتوي على أي ملف و حجمه 0 بايت!
ثالثاً حاولت أضيف كود BB بطريقتك حتى أصلح مشكلة أكواد info, warning, caution اللي موجودة بصندوق المودة للتحرير (نظراً لكون منتداي كان في بي مع صندوق تحرير المودة, و فيه أكثر من موضوع تحتوي على هذه الأكواد التي كانت تضيف أيقونة قبل نص المحتوى و تغير خلفية النص بحيث)
لكن للأسف فشلت ..
فهل من توضيح أكثر؟ و لك جزيل الشكر
https://pbboard.info/forums/t7538.html
-
تم تحرير المشاركة بواسطة :omar بتاريخ:02-03-2012 08:40 مساءً
-
-
BBcode شرح تلوين خلفية النصوص باطارت02-03-2012 09:16 مساءً [7]
-
Ahmed Sprouseمعلومات الكاتبالأعضاءعضو فعال
- انضم في :
- 12-01-2012
- رقم العضوية :
- 1977
- المشاركات :
- 142
- الدولة :
- العراق
- الجنس:
- تاريخ الميلاد :
- 14-5-1988
- قوة السمعة:
- 241
- موقعي:
- زيارة موقعي
-
بالفعل لكن لم يقم بإصلاحها جميعاً .. فالأكواد المدعومة هي:يعني الأكواد اللي أنا ذكرتها لا زالت غير مدعومة .. عموماً كل ما أحتاجه هو توضيح بخصوص الربط إن صح التعبير, حيث أنني عندما قمت بتكوين كود البي بي تماماً مثلما ذكرت حضرتك, ظهرت الأيقونة بالفعل (لكنها فوق الأدوات الإفتراضية في صندوق التحرير) و عند الضغط عليها يظهر الكود كما وضعته, لكن عند المعاينة يبى النص على حاله بالإضافة إلى ظهور الوسم دون تطبيق للتأثير ..فهل للأمر علاقة بالـ# الموضوع قبل table5 مثلاً في الكود الأول أعلاه؟حيث أن كود الإستبدال هو:CODE
[TABLE1=][/TABLE1][CELL1=][/CELL1][ALIGN=CENTER][/ALIGN][read] mytext3 mytext3[/read][type=511043] mytext4 mytext4 [/type][marq] mytext5[/marq][bor=FF6633] mytext6[/bor][gdwl]mytext7[/gdwl][motr]mytext8[/motr][motr1]mytext9[/motr1][mklb2]mytext10[/mklb2][you][hide]hidden[/hide][glow1=6633FF] colorme colorme[/glow1][rainbow] colorme2[/rainbow][glow=CCFF00]shine shine[/glow][glint]text text text[/glint][caution]text text text[/caution][caution]text text text[/warning][fieldset=title]text text text[/fieldset]أما كود الـCSS فإن أول سطر يحتوي على #table5CODE<div id="table5"> {content} </div>
أعتذر, لكن خبرتي قليلة في الـCSS
-
-
BBcode شرح تلوين خلفية النصوص باطارت02-03-2012 10:32 مساءً [8]
-
omarمعلومات الكاتبالأعضاءعضـو متميز
- انضم في :
- 30-06-2011
- رقم العضوية :
- 1558
- المشاركات :
- 700
- الدولة :
- مصر
- الجنس:
- تاريخ الميلاد :
- 26-1-1987
- الدعوات:
- 3
- قوة السمعة:
- 4317
-
المشاركة الأصلية كتبت بواسطة: Ahmed Sprouse بالفعل لكن لم يقم بإصلاحها جميعاً .. فالأكواد المدعومة هي:
يعني الأكواد اللي أنا ذكرتها لا زالت غير مدعومة .. عموماً كل ما أحتاجه هو توضيح بخصوص الربط إن صح التعبير, حيث أنني عندما قمت بتكوين كود البي بي تماماً مثلما ذكرت حضرتك, ظهرت الأيقونة بالفعل (لكنها فوق الأدوات الإفتراضية في صندوق التحرير) و عند الضغط عليها يظهر الكود كما وضعته, لكن عند المعاينة يبى النص على حاله بالإضافة إلى ظهور الوسم دون تطبيق للتأثير ..فهل للأمر علاقة بالـ# الموضوع قبل table5 مثلاً في الكود الأول أعلاه؟حيث أن كود الإستبدال هو:CODE[TABLE1=][/TABLE1][CELL1=][/CELL1][ALIGN=CENTER][/ALIGN][read] mytext3 mytext3[/read][type=511043] mytext4 mytext4 [/type][marq] mytext5[/marq][bor=FF6633] mytext6[/bor][gdwl]mytext7[/gdwl][motr]mytext8[/motr][motr1]mytext9[/motr1][mklb2]mytext10[/mklb2][you][hide]hidden[/hide][glow1=6633FF] colorme colorme[/glow1][rainbow] colorme2[/rainbow][glow=CCFF00]shine shine[/glow][glint]text text text[/glint][caution]text text text[/caution][caution]text text text[/warning][fieldset=title]text text text[/fieldset]أما كود الـCSS فإن أول سطر يحتوي على #table5CODE<div id="table5"> {content} </div>
أعتذر, لكن خبرتي قليلة في الـCSS
يا اخى تم دعم هذه الاكود وباقى الاكواد لا تظهر فقط قم بتطبيق الشرح ولن تجد اى كود من اكواد الموده
اما بخصوص الكود الذى وضعه فلا يوجد به اى خطئ ويتم وضعه كما بالشرح
ويجب ان يكون تضع كود css فى كل الاستايلات الاستايل الذى لن تضع به الكود لن ترى اى خلفيه
ويجب ان تكون قد قمت بعمل التحديث الموجود فى المشاركه رقم 20 فى هذا الموضوع
https://pbboard.info/forums/t6454&count=16
-
-
BBcode شرح تلوين خلفية النصوص باطارت03-03-2012 05:16 مساءً [9]
-
Ahmed Sprouseمعلومات الكاتبالأعضاءعضو فعال
- انضم في :
- 12-01-2012
- رقم العضوية :
- 1977
- المشاركات :
- 142
- الدولة :
- العراق
- الجنس:
- تاريخ الميلاد :
- 14-5-1988
- قوة السمعة:
- 241
- موقعي:
- زيارة موقعي
-
التحديث في مشاركة 20 التي ذكرتها حضرتك موضوعة يوم 23/11/2011
أما نسخة منتداي فقد قمت بتحميلها يوم 23/12/2011 أي أنها أحدث من المشاركة المذكورة بـ شهر كامل, و الأخ سليمان قال أن التحديثات يتم إضافتها أولاً بأول إلى النسخة الرسمية المتاحة للتحميل..
و بالنسبة لإصلاح كودات المودة, أنا أستعمله بالفعل و حل 99.8% من مشكلة الكودات التي كانت تظهر, حيث أجابني الأخ سليمان عن طريقة تعديل روابط يوتيوب بحيث أصبحت تظهر مباشرةً بمجرد إدراج الرابط دون الحاجة إلى وسم يوتويب, و بقيت مشكلة صناديق الملاحظات التي ذكرتها أنا هنا ..
عموماً شكراً جزيلاً لك, و آسف على الإزعاج
-
-
-