logo

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

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

بسم الله الرحمن الرحيم اقدم لكم كود bbcode اضافة جديد للمحرر تلوين خلفية النص ووضع ايطار لها يعتمد هذا الكود على css اولا مثال على الطريقه





  • [شرح]:
22-02-2012 04:41 مساءً
معلومات الكاتب ▼
تاريخ الإنضمام : 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.zip   تحميل zip مرات التحميل :(55)
الحجم :(3.876) KB

تم تحرير الموضوع بواسطة :omar بتاريخ:02-03-2012 08:26 مساءً
سبب التعديل : تعديل عنوان الموضوع لعنوان مناسب


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

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  22-02-2012 05:04 مساءً   [2]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12515
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 73656
موقعي : زيارة موقعي
يعطيك العافية ..
ينقل للمكان المناسب وهو قسم الشروحات والدروس ..

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

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  22-02-2012 10:41 مساءً   [4]
معلومات الكاتب ▼
تاريخ الإنضمام : 30-06-2011
رقم العضوية : 1558
المشاركات : 700
الدولة : مصر
الجنس :
تاريخ الميلاد : 26-1-1987
الدعوات : 3
قوة السمعة : 4317
العضو غائب غياب متقطع بسبب ضغط العمل
المشاركة الأصلية كتبت بواسطة: Soliman يعطيك العافية ..
ينقل للمكان المناسب وهو قسم الشروحات والدروس ..
تسلم استاذنا وعذرا على الخطئ blushing

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


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


look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  02-03-2012 08:39 مساءً   [6]
معلومات الكاتب ▼
تاريخ الإنضمام : 30-06-2011
رقم العضوية : 1558
المشاركات : 700
الدولة : مصر
الجنس :
تاريخ الميلاد : 26-1-1987
الدعوات : 3
قوة السمعة : 4317
العضو غائب غياب متقطع بسبب ضغط العمل
المشاركة الأصلية كتبت بواسطة: Ahmed Sprouse أولاً شكراً جزيلاً أخي الكريم على الموضوع المميز..
ثانياً المرفق يطلع عندي فارغ و لا يحتوي على أي ملف و حجمه 0 بايت!
ثالثاً حاولت أضيف كود BB بطريقتك حتى أصلح مشكلة أكواد info, warning, caution اللي موجودة بصندوق المودة للتحرير (نظراً لكون منتداي كان في بي مع صندوق تحرير المودة, و فيه أكثر من موضوع تحتوي على هذه الأكواد التي كانت تضيف أيقونة قبل نص المحتوى و تغير خلفية النص بحيث)
لكن للأسف فشلت ..g
فهل من توضيح أكثر؟ و لك جزيل الشكر
تم تعديل المرفق وبخصوص الاكواد الزائد التى تخص محرر الموده فقد قام بحلها الاخ 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]
معلومات الكاتب ▼
تاريخ الإنضمام : 12-01-2012
رقم العضوية : 1977
المشاركات : 142
الدولة : العراق
الجنس :
تاريخ الميلاد : 14-5-1988
قوة السمعة : 241
موقعي : زيارة موقعي
بالفعل لكن لم يقم بإصلاحها جميعاً .. فالأكواد المدعومة هي:
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 gأعتذر, لكن خبرتي قليلة في الـCSS

look/images/icons/i1.gif BBcode شرح تلوين خلفية النصوص باطارت
  02-03-2012 10:32 مساءً   [8]
معلومات الكاتب ▼
تاريخ الإنضمام : 30-06-2011
رقم العضوية : 1558
المشاركات : 700
الدولة : مصر
الجنس :
تاريخ الميلاد : 26-1-1987
الدعوات : 3
قوة السمعة : 4317
العضو غائب غياب متقطع بسبب ضغط العمل
المشاركة الأصلية كتبت بواسطة: 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 gأعتذر, لكن خبرتي قليلة في الـCSS

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

رد جديد موضوع جديد
الصفحة 2 من 2 < 1 2 > الأخيرة




المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
اطلب ارجاع خاصية التلوين في النسخة الجديدة 3.04 مثل النسخ السابقة 3.02 3.03 بوزاري
4 169 بوزاري
تلوين بيانات الاداره poard 3.0.1 kingman
3 809 Soliman
[مجابه] طلب تلوين مواضيع مثبتة ! Dzkhalwi
9 1501 AHMED
[مجابه] تلوين اسماء الاعضاء amn
7 1799 نجم الويب
تلوين المجموعات وجعل اسامي الاعضاء في ايطار منقط مهند
16 6586 majani

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









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