أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

BBcode شرح تلوين خلفية النصوص باطارت



  • [شرح]:
22-02-2012 04:41 مساءً
omar
معلومات الكاتب
بسم الله الرحمن الرحيم
اقدم لكم كود 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 مساءً

سبب التعديل : تعديل عنوان الموضوع لعنوان مناسب

 
  omar.zip   تحميل zip مرات التحميل :(56)
الحجم :(3.876) KB

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  22-02-2012 04:57 مساءً   [1]
AHMED
معلومات الكاتب
جزاك الله خيرا اخى عمر
عمل رائع و تطوير مميز للمواضيع و طريقة عرضها
و انا معك فى هذا الاقتراح تسهيلا فى اختيار الاضافه
اقتبـاس ،، ارجو من استاذنا سليمان تطوير هذه الاكود بحيث يمكن للعضو ان يختار اى لون للخلفيه او الاطار وتكون جزء من المحرر
وايضا اضافه خلفيات عباره عن باترون

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  22-02-2012 05:04 مساءً   [2]
Soliman
معلومات الكاتب
يعطيك العافية ..
ينقل للمكان المناسب وهو قسم الشروحات والدروس ..

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  22-02-2012 10:39 مساءً   [3]
omar
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: AHMED جزاك الله خيرا اخى عمر
عمل رائع و تطوير مميز للمواضيع و طريقة عرضها
و انا معك فى هذا الاقتراح تسهيلا فى اختيار الاضافه
اقتبـاس ،، ارجو من استاذنا سليمان تطوير هذه الاكود بحيث يمكن للعضو ان يختار اى لون للخلفيه او الاطار وتكون جزء من المحرر
وايضا اضافه خلفيات عباره عن باترون
تسلم اخى احمد على المرور المميز

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  22-02-2012 10:41 مساءً   [4]
omar
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: Soliman يعطيك العافية ..
ينقل للمكان المناسب وهو قسم الشروحات والدروس ..
تسلم استاذنا وعذرا على الخطئ BBcode شرح تلوين خلفية النصوص باطارت

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  02-03-2012 08:17 مساءً   [5]
Ahmed Sprouse
معلومات الكاتب
أولاً شكراً جزيلاً أخي الكريم على الموضوع المميز..
ثانياً المرفق يطلع عندي فارغ و لا يحتوي على أي ملف و حجمه 0 بايت!
ثالثاً حاولت أضيف كود BB بطريقتك حتى أصلح مشكلة أكواد info, warning, caution اللي موجودة بصندوق المودة للتحرير (نظراً لكون منتداي كان في بي مع صندوق تحرير المودة, و فيه أكثر من موضوع تحتوي على هذه الأكواد التي كانت تضيف أيقونة قبل نص المحتوى و تغير خلفية النص بحيث)
لكن للأسف فشلت ..BBcode شرح تلوين خلفية النصوص باطارت
فهل من توضيح أكثر؟ و لك جزيل الشكر

تم تحرير المشاركة بواسطة :Ahmed Sprouse بتاريخ:02-03-2012 08:18 مساءً


look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  02-03-2012 08:39 مساءً   [6]
omar
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: Ahmed Sprouse أولاً شكراً جزيلاً أخي الكريم على الموضوع المميز..
ثانياً المرفق يطلع عندي فارغ و لا يحتوي على أي ملف و حجمه 0 بايت!
ثالثاً حاولت أضيف كود BB بطريقتك حتى أصلح مشكلة أكواد info, warning, caution اللي موجودة بصندوق المودة للتحرير (نظراً لكون منتداي كان في بي مع صندوق تحرير المودة, و فيه أكثر من موضوع تحتوي على هذه الأكواد التي كانت تضيف أيقونة قبل نص المحتوى و تغير خلفية النص بحيث)
لكن للأسف فشلت ..BBcode شرح تلوين خلفية النصوص باطارت
فهل من توضيح أكثر؟ و لك جزيل الشكر
تم تعديل المرفق وبخصوص الاكواد الزائد التى تخص محرر الموده فقد قام بحلها الاخ phpmax قبل ان يغادر
https://pbboard.info/forums/t7538.html

تم تحرير المشاركة بواسطة :omar بتاريخ:02-03-2012 08:40 مساءً


look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  02-03-2012 09:16 مساءً   [7]
Ahmed Sprouse
معلومات الكاتب
بالفعل لكن لم يقم بإصلاحها جميعاً .. فالأكواد المدعومة هي:
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]
يعني الأكواد اللي أنا ذكرتها لا زالت غير مدعومة .. عموماً كل ما أحتاجه هو توضيح بخصوص الربط إن صح التعبير, حيث أنني عندما قمت بتكوين كود البي بي تماماً مثلما ذكرت حضرتك, ظهرت الأيقونة بالفعل (لكنها فوق الأدوات الإفتراضية في صندوق التحرير) و عند الضغط عليها يظهر الكود كما وضعته, لكن عند المعاينة يبى النص على حاله بالإضافة إلى ظهور الوسم دون تطبيق للتأثير ..فهل للأمر علاقة بالـ# الموضوع قبل table5 مثلاً في الكود الأول أعلاه؟حيث أن كود الإستبدال هو:
CODE
<div id="table5"> {content}    </div> 
أما كود الـCSS فإن أول سطر يحتوي على #table5 BBcode شرح تلوين خلفية النصوص باطارتأعتذر, لكن خبرتي قليلة في الـCSS

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  02-03-2012 10:32 مساءً   [8]
omar
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: Ahmed Sprouse بالفعل لكن لم يقم بإصلاحها جميعاً .. فالأكواد المدعومة هي:
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]
يعني الأكواد اللي أنا ذكرتها لا زالت غير مدعومة .. عموماً كل ما أحتاجه هو توضيح بخصوص الربط إن صح التعبير, حيث أنني عندما قمت بتكوين كود البي بي تماماً مثلما ذكرت حضرتك, ظهرت الأيقونة بالفعل (لكنها فوق الأدوات الإفتراضية في صندوق التحرير) و عند الضغط عليها يظهر الكود كما وضعته, لكن عند المعاينة يبى النص على حاله بالإضافة إلى ظهور الوسم دون تطبيق للتأثير ..فهل للأمر علاقة بالـ# الموضوع قبل table5 مثلاً في الكود الأول أعلاه؟حيث أن كود الإستبدال هو:
CODE
<div id="table5"> {content}    </div> 
أما كود الـCSS فإن أول سطر يحتوي على #table5 BBcode شرح تلوين خلفية النصوص باطارتأعتذر, لكن خبرتي قليلة في الـCSS

يا اخى تم دعم هذه الاكود وباقى الاكواد لا تظهر فقط قم بتطبيق الشرح ولن تجد اى كود من اكواد الموده
اما بخصوص الكود الذى وضعه فلا يوجد به اى خطئ ويتم وضعه كما بالشرح
ويجب ان يكون تضع كود css فى كل الاستايلات الاستايل الذى لن تضع به الكود لن ترى اى خلفيه
ويجب ان تكون قد قمت بعمل التحديث الموجود فى المشاركه رقم 20 فى هذا الموضوع
https://pbboard.info/forums/t6454&count=16

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  03-03-2012 05:16 مساءً   [9]
Ahmed Sprouse
معلومات الكاتب
التحديث في مشاركة 20 التي ذكرتها حضرتك موضوعة يوم 23/11/2011
أما نسخة منتداي فقد قمت بتحميلها يوم 23/12/2011 أي أنها أحدث من المشاركة المذكورة بـ شهر كامل, و الأخ سليمان قال أن التحديثات يتم إضافتها أولاً بأول إلى النسخة الرسمية المتاحة للتحميل..

و بالنسبة لإصلاح كودات المودة, أنا أستعمله بالفعل و حل 99.8% من مشكلة الكودات التي كانت تظهر, حيث أجابني الأخ سليمان عن طريقة تعديل روابط يوتيوب بحيث أصبحت تظهر مباشرةً بمجرد إدراج الرابط دون الحاجة إلى وسم يوتويب, و بقيت مشكلة صناديق الملاحظات التي ذكرتها أنا هنا ..

عموماً شكراً جزيلاً لك, و آسف على الإزعاج BBcode شرح تلوين خلفية النصوص باطارت


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
في آخر 20 زائر لهذه الصفحة اريد تلوين اسماء الأعضاء شبعان
9 117 Soliman
اطلب ارجاع خاصية التلوين في النسخة الجديدة 3.04 مثل النسخ السابقة 3.02 3.03 بوزاري
4 383 بوزاري
تلوين بيانات الاداره poard 3.0.1 kingman
3 920 Soliman
[مجابه] طلب تلوين مواضيع مثبتة ! Dzkhalwi
9 1691 AHMED
[مجابه] تلوين اسماء الاعضاء amn
7 1948 نجم الويب

الكلمات الدلالية
لا يوجد كلمات دلالية ..






الساعة الآن 02:13 PM