دليل ال BBCode





مقدمـــة
ما هو ال BBCode؟

تنسيق النص
كيف تنسق الخطوط السميكة والمسطرة والمائلة
كيف تغير لون وحجم الخط
هل استطيع ان امزج اشارات التنسيق؟

اقتباس النصوص والكتابة بحروف ثابتة
اقتباس النصوص
اظهار لغة برنامج أو نص بحروف ثابتة القياس

تكوين قوائم
تكوين قوائم نقطية
تكوين قوائم عددية

تكوين وصلات
وصلة مع موقع آخر

اظهار الصور في رسالتك
اضافة صورة للرسالة
موقع النص

ادماج مقاطع سمعية/بصرية في المساهمات
إضافة صورة فلاشية في المساهمة
إضافة مقطع فيديو الى المساهمات

إنشاء جدول
إدماج جدول في مساهماتك

نص متحرك
نص متحرك أفقي
نص متحرك عمودي

BBcodes المظهر
إضافة سطر
جعل الكتابة مصغرة
اكواد التأثيرات

أكواد أخرى
الحصول على رقم عشوائي

 


الرجوع الى أعلى الصفحة
س .و .ج Empty

الرجوع الى أعلى الصفحة
س .و .ج Empty

مقدمـــة
ما هو ال BBCode؟
BBCode هو جزء من تطبيق HTML. سواء ان كنت تستطيع أو لاتستطيع استعمال BBCode في مواضيع يعتمد على المسؤول عن المنتدى. بالاضافة لذلك تستطيع تعطيل BBCode لكل ارسال على حدة. BBCode مشابه ل HTML, التأشير يحدد باقواس مربعة [ و ] وليس < و > مما يعطي تحكم افضل لما يعرض. بناء على نوع القالب المستعمل يكون استعمال BBCode لرسائلك اسهل باستعمال الازرة اعلى مربع الرسائل في صفحة ارسال الرسالة. حتى مع هذه السهولة سوف تجد الدليل التالي مفيدا.
الرجوع الى أعلى الصفحة
س .و .ج Empty

تنسيق النص
كيف تنسق الخطوط السميكة والمسطرة والمائلة
BBCode تتضمن اشارات لتنسيق النص. يتحقق ذلك بالطرق التالية:
  • لجعل جزء من النص سميك ضعه بين العلامة , مثلا

    أهلا

    سوف تصبح أهلا
  • للنص المسطر , مثلا:

    صباح الخير

    تصبح صباح الخير
  • لجعل الخط مائل , مثلا

    هذا عظيم!

    سوف يعطيك هذا عظيم!
الرجوع الى أعلى الصفحة
س .و .ج Empty
كيف تغير لون وحجم الخط
لتغير لون وحجم الخط ممكن استعمال التالي. لا تنسى أن شكل ولون النصوص يعتمد على برنامج المتصفح وجهازه:
  • لتغيير اللون ضع النص بين الاشارات . تستطيع استعمال أي من الالوان المتعارف عليها (eg. red, blue, yellow, etc.) أو طريقة الارقام الثلاثة الست عشرية, eg. #FFFFFF, #000000. مثلا, لجعل لون النص أحمر تستطيع استعمال:

    أهلا!

    أو

    أهلا!

    جميعهم سوف يظهرون أهلا!
  • لتغيير حجم الخط نستطيع بطريقة مماثلة استعمال [size=][/size]. هذه الاشارة سوف تعتمد على القالب المستعمل لكن الطريقة المفضلة هي استعمال نظام النقط في حجم النص, ابتداء من 1 (صغير الى اقصى درجة) الى الرقم 29 (كبير جدا). مثلا:

    صغير

    سوف تكون صغير

    حيث:

    ضخم!

    ستكون ضخم!
الرجوع الى أعلى الصفحة
س .و .ج Empty
هل استطيع ان امزج اشارات التنسيق؟
نعم, بالطبع تستطيع ذلك, مثلا لتلفت انتباه شخص ما تستطيع استعمال:

انظر الي!

هذا سوف يظهر انظر الي!

لكننا لا ننصح اظهار الكثير من تلك النصوص! تذكر الامر مرجوع اليك, الناشر، للتأكد من اغلاق الاشارات بطريقة صحيحة. مثلا التالي غير صحيح:

هذا خطأ
الرجوع الى أعلى الصفحة
س .و .ج Empty

اقتباس النصوص والكتابة بحروف ثابتة
اقتباس النصوص
هناك طريقتان للاقتباس, مع مرجعية الى أو بدون مرجعية.
  • عند استخدام الاقتباس للرد على موضوع عليك التذكر أن النص المقتبس سوف يوضع في نص رسالتك بين الاشارتين [quote=""][/quote]. هذه الطريقة تمكنك من الاشارة الى الشخص المقتبس منه أو أي شيء آخر! مثلا للاقتباس جزء من نص كتبه السيد بلوبي نستعمل:

    [quote="Mr. Blobby"]النص الذي كتبه السيد بلوبي[/quote]

    النتيجة سوف تضع, Mr. Blobby كتب: قبل النص مباشرة. تذكر انك يجب تتضمن الاقواس "" حول النص المقتبس, ويجب استعمالها.
  • الطريقة الثانية هي الاقتباس بطريقة عمياء. لتفعل ذلك ضع النص بين الاشارتين
    اقتباس :
    . عند استعراض الرسالة سوف ترى النص المقتبس , اقتباس: قبل النص مباشرة.
الرجوع الى أعلى الصفحة
س .و .ج Empty
اظهار لغة برنامج أو نص بحروف ثابتة القياس
إذا اردت اظهار نص لبرنامج أو أي نص بحروف ثابتة القياس, مثلا. Courier عليك وضع النص بين الاشارتين
الكود:
, مثلا.

الكود:
</strong>echo "هذا نص برنامج";<strong>


كل التنسيق المستخدم
الكود:
سوف يبقى لحين استعراضه مرة اخرى.
الرجوع الى أعلى الصفحة
س .و .ج Empty

تكوين قوائم
تكوين قوائم نقطية
BBCode يدعم نوعين من القوائم, نقطية وعددية. هما متشابهين لطريقة HTML. القوائم النقطية تظهر النقاط كل على سطر وداخل السطر مع رمز نقطة قبل السطر. لتكوين قائمة نقطية نستعمل
    وضع العلامة [*]قبل كل سطر. مثلا النص التالي الالوان المفضل استعمالها:


    • احمر
    • ازرق
    • اصفر


    هذا سوف يظهر التالي:
    • احمر
    • ازرق
    • اصفر
    الرجوع الى أعلى الصفحة
    س .و .ج Empty
    تكوين قوائم عددية
    النوع الثاني من القوائم, قوائم عددية تعطيك تحكم حول كل نقطة تظهر. لتكوين قوائم عددية نستعمل
      لتكوين قوائم حرفية نستعمل
        . كما هو الحال في القائمة النقطية نستعمل [*]. مثلا:


        1. اذهب الى السوق
        2. اشتر كمبيوتر
        3. اصرخ على الكمبيوتر حين يعطل


        سوف يظهر التالي:
        1. اذهب الى السوق
        2. اشتر كمبيوتر
        3. اصرخ على الكمبيوتر حين يعطل
        وفي حالة قائمة حرفية نستعمل:


        1. الجواب الأول
        2. الجواب الثاني
        3. الجواب الثالث


        يعطي
        1. الجواب الأول
        2. الجواب الثاني
        3. الجواب الثالث
        الرجوع الى أعلى الصفحة
        س .و .ج Empty

        تكوين وصلات
        وصلة مع موقع آخر
        طريقة BBCode المستعملة في phpBB يدعم عدة طرق لاظهار الوصلات URIs, Uniform Resource Indicators المعروفة ب URLs.
        • أول هذه الطرق هي استعمال اشارات [url=][/url], اي نص يكتب بعد = سوف يسبب ان يعامل النص كوصلة موقع. مثلا لتصل بالموقع phpBB.com تستطيع استعمال:

          [url=https://www.phpbb.com/]زوروا الموقع phpBB![/url]

          هذا سوف يكون الوصلة التالية , زوروا الموقع phpBB! سوف تلاحظ ان الصفحة سوف تظهر في نافذة جديدة لتمكن الزائر من مواصلة التصفح في المنتدى.
        • اذا كنت تريد الوصل تظهر كربط فقط تستطيع استعمال:

          [url]https://www.phpbb.com/[/url]

          هذا سوف يعطي الربط التالي, https://www.phpbb.com/
        • بالاضافة لذلك فإن phpBB تستعمل ما يسمى وصلات سحرية, وهي تحول أي اسم لموقع على الانترنت كتب بطريقة صحيحة الى وصلة دون استعمال أي من الاشارات السابقة الذكر أو استعمال الكلمة http://. مثلا عندما تكتب www.phpbb.com في رسالتك فان هذا سوف يتحول الى www.phpbb.com عند استعراض رسالتك.
        • نفس الشيء ينطبق على عناوين البريد الالكترونية, تستطيع اما استعمال البريد الالكتروني مباشرة مثل:

          [email]no.one@domain.adr[/email]

          وهو سيظهر no.one@domain.adr أو تستطيع فقط كتابة no.one@domain.adr في رسالتك وهي ستتحول الى عند استعراضها.
        كما هو الحال مع جميع اشارات BBCode وضع عنوانين الصفحات في أي من الاشارات السابق ذكرها مثل سميك مائل وغيرها [img][/img] (انظر النقطة التالية), . كما هو الحال مع الاشارات السابقة عليك التأكد من استعمال اشارات الفتح والاغلاق المذكورة سابقا بطريقة صحيحة, مثلا:

        [url=https://www.phpbb.com/][img]https://www.phpbb.com/images/phplogo.gif[/url][/img]

        ليس صحيحا مما قد يدعو الى الغاء رسالتك، لذا على الانتباه.
        الرجوع الى أعلى الصفحة
        س .و .ج Empty

        اظهار الصور في رسالتك
        اضافة صورة للرسالة
        طريقة BBCode تستعمل اشارة لاضافة الصور في رسائلك. هناك امران مهمان عند اضافة الصور; كثير من المستخدمين لا يفضلون ظهور الكثير من الصور في الرسائل الصورة المدرجة يجب أن تكون موجودة على الانترنت (يعني يجب ان لاتكون موجودة على جهاز الحاسب لديك فقط, إلا اذا كان لديك خادم صفحات الانترنت!). لاظهار صورة من موقع ما عليك تضمينه في الاشارة [img][/img]. مثلا:

        س .و .ج Banner5

        كما هو مذكور في تكوين الوصلات اعلاه تستطيع وضع الصورة في اشارة [url][/url] ان اردت ذلك, مثلا

        [url=https://www.ahlamontada.com]س .و .ج Banner5[/url]

        سوف يعطي:

        منتدى مجاني
        />
        الرجوع الى أعلى الصفحة
        س .و .ج Empty
        موقع النص
        نوفر لكم 4 امكانيات لتصفيف النص:
        • التصفيف على اليسار
          الكود:
          [left]نص مصفف على اليسار[/left]

        • في الوسط :
          الكود:
          [center]النص[/center]

        • التصفيف على اليمين:
          الكود:
          [right]نص [/right]

        • التصفيف المتوازي:
          [code]
          النص

        الرجوع الى أعلى الصفحة
        س .و .ج Empty

        ادماج مقاطع سمعية/بصرية في المساهمات
        إضافة صورة فلاشية في المساهمة
        هناك طريقتين لإدماج صورة فلاشية في مساهماتك.
        • باستعمال ال BBCode الفلاشي:
          الكود:
          [flash(200,40)]https://illiweb.com/fa/i/test_bbcode.swf[/flash]
          النتيجة:

        • الطريقة الثانية باستعمال ال BBcode embed-flash :
          الكود:
          [embed-flash(200,40)]https://illiweb.com/fa/i/test_bbcode.swf[/embed-flash]
          النتيجة:
        لا تنس ان تحدد ارتفاع و عرض الصورة الفلاشية بين قوسي الكود الفلاشي المستعمل!
        الرجوع الى أعلى الصفحة
        س .و .ج Empty
        إضافة مقطع فيديو الى المساهمات
        يمكنك اضافة مقاطع فيديو مقتبسة من احد هذان الموقعين الى مساهماتك :
        • الموقع الأول هو [url=https://www.youtube.com]Youtube[/url]. عليك بنسخ الكود المتواجد في الحقل Embed ثم تتبع الخطوات التالية :
          الكود:
          [youtube]code - Embed[/youtube]

        • الموقع الثاني هو: [url=https://www.dailymotion.com]Dailymotion[/url]. عليك بنسخ الكود المتواجد في الحقل Lecteur portable ثت تتبع الخطوات الثالية:
          الكود:
          [dailymotion]code - lecteur portable[/dailymotion]
        .
        الرجوع الى أعلى الصفحة
        س .و .ج Empty

        إنشاء جدول
        إدماج جدول في مساهماتك
        ال BBCode المستعمل في انشاء جدول و ادماجه في المساهمات هو نفسه المستعمل في لغة HTML. لإنشاء جدول, عليك ان تحدد اولا هذا الجدول باستعمال الرمز 'table' , ثم بعد ذلك ادخال السطر بواسطة 'tr'. يمكن لهذا السطر ان يحتوي على عدة خلايا 'td', كما يمكن لجدول ان يحتوي على عدة سطور 'tr'.
        • مثلا, لإنشاء جدول متكون من سطران و ثلات اعمدة, :
          الكود:
          [table] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]
          Résultat :
          Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
          Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

        • يمكنك اضافة العديد من الخصائص الى الجدول. هذه الخصائص تشبه في صياغتها خصائص لغة ال HTML. يمكنك مثلا اضافة محيط للجدول عبر اضافة الكود 'border'.
          الكود:
          [table border=1] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]
          Résultat :[table border=1] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]
          هناك عدة خصائص اخرى يمكن اضافتها مثل: cellspacing, cellpadding, width, etc.
        .
        الرجوع الى أعلى الصفحة
        س .و .ج Empty

        نص متحرك
        نص متحرك أفقي
        إذا كنت تريد الحصول على نص يتحرك افقيا في مساهماتك استعمل الكود التالي:
        الكود:
        [scroll]النص[/scroll]
        النتيجة: النص
        الرجوع الى أعلى الصفحة
        س .و .ج Empty
        نص متحرك عمودي
        إذا كنت تريد الحصول على نص يتحرك عموديا في مساهماتك استعمل الكود التالي:
        الكود:
        [updown]النص[/updown]
        النتيجة : النص
        الرجوع الى أعلى الصفحة
        س .و .ج Empty

        BBcodes المظهر
        إضافة سطر
        إذا كنت تريد اضافة سطر فارغ الى مساهمتك, يمكنك فعل ذلك باستعمال الكود التالي:
        الكود:
        نص الفقرة رقم 1[hr]نص الفقرة رقم 2
        النتيجة :
        نص الفقرة رقم 1نص الفقرة رقم 2

        الرجوع الى أعلى الصفحة
        س .و .ج Empty
        جعل الكتابة مصغرة
        لجعل الكتابة مصغرة (رقم ئسي مثلا في الرياضيات) عليك استعمال الكود التالي :
        • الطريقة الأولى :
          الكود:
          x[sub]a+b[/sub]
          النتيجة : x

        • الطريقة الثانية:
          الكود:
          x[sup]3[/sup] معامل
          النتيجة : x3 معامل

        الرجوع الى أعلى الصفحة
        س .و .ج Empty
        اكواد التأثيرات
        يمكنك استعمال أربعة انواع من أكواد ال BBcodes. ملاحظة: هذه الأكواد تعمل فقط مع الإكسبلورر و في منتدى من النسخة الثانية phpBB2.
        • الكود الأول هو كود المرآة(التمحور العمودي) على النص :
          الكود:
          [flipv]تأثير التمحور العمودي[/flipv]
          النتيجة : تأثير التمحور العمودي على النص 

        • تأثير التمحور الأفقي (تمحور افقي على النص) :
          الكود:
          [fliph]تأثير التمحور الأفقي[/fliph]
          النتيجة : تأثير التمحور الأفقي 

        • لإحداث تأثير الضباب على النص, استعمل الكود التالي:
          الكود:
          [blur]تأثير الضباب على النص[/blur]
          النتيجة : تأثير الضباب على النص

        • كود تأثير تدرج اللون:
          الكود:
          [fade]تأثير تدرج اللون[/fade]
          النتيجة : تأثير تدرج اللون
        الرجوع الى أعلى الصفحة
        س .و .ج Empty

        أكواد أخرى
        الحصول على رقم عشوائي
        للحصول على رقم بطريقة عشوائية حسب مدة معينة استعمل الكود التالي :
        • الحالة الأولى, تحديد الرقم الأقصى و الأدنى للمجال :
          الكود:
          [rand]50,100[/rand]
          النتيجة :
          عدد تلقائي (50,100) :
          64


        • الحالة الثانية, تحديد الرقم الأقصى للمجال :
          الكود:
          [rand]50[/rand]
          النتيجة:
          عدد تلقائي (1,50) :
          41
        الرجوع الى أعلى الصفحة
        س .و .ج Empty

        انتقل الى:  
        Loading...

        أعلي 10 إحصائيات
        أكثر الأقسام شعبيةأفضل المواضيعافضل 10 اعضاء فى منتدىآخر المشاركات
         أفندينا ♛ 4304 المساهمات
         فرح 4069 المساهمات
         أسوتي النبي 2895 المساهمات
         لهفة شوق 938 المساهمات
         رقيه 765 المساهمات
         Aster 389 المساهمات
         DaRk Kn!GhT 389 المساهمات
         Shefo 359 المساهمات
         Nourhan Tamer 302 المساهمات
         Mel!odas 300 المساهمات
        الموضوع  التاريخ, الوقت أرسلت بواسطة
         توقيت نشر المساهمه السبت سبتمبر 07, 2024 11:07 am
         توقيت نشر المساهمه السبت سبتمبر 07, 2024 11:00 am
         توقيت نشر المساهمه السبت سبتمبر 07, 2024 10:48 am
         توقيت نشر المساهمه السبت سبتمبر 07, 2024 10:36 am
         توقيت نشر المساهمه السبت سبتمبر 07, 2024 10:20 am
         توقيت نشر المساهمه السبت سبتمبر 07, 2024 10:06 am
         توقيت نشر المساهمه الإثنين يونيو 10, 2024 3:23 pm
         توقيت نشر المساهمه الإثنين يونيو 10, 2024 3:10 pm
         توقيت نشر المساهمه الإثنين يونيو 10, 2024 2:12 pm
         توقيت نشر المساهمه الجمعة يونيو 07, 2024 9:09 pm
         توقيت نشر المساهمه الجمعة يونيو 07, 2024 9:07 pm
         توقيت نشر المساهمه الأربعاء ديسمبر 27, 2023 12:49 am
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 5:38 pm
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 5:31 pm
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 5:10 pm
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 5:06 pm
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 4:57 pm
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 4:46 pm
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 4:36 pm
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 4:28 pm
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 4:21 pm
         توقيت نشر المساهمه الإثنين أكتوبر 16, 2023 4:14 pm
        أفضل 10 فاتحي مواضيع افضل 10 اعضاء هذا الشهرافضل 10 اعضاء هذا الاسبوع
        أفندينا ♛ 1224 المواضيع
        أسوتي النبي 949 المواضيع
        فرح 904 المواضيع
        رقيه 765 المواضيع
        Nourhan Tamer 302 المواضيع
        مليكة 300 المواضيع
        DaRk Kn!GhT 179 المواضيع
        Aster 120 المواضيع
        3ZbNy 7oBk 120 المواضيع
        لهفة شوق 115 المواضيع