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

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.
HTML Online Editor Sample

فعل عضويتك الان اضغط هنا

منتديات مصراوى ... الافضل بلا منافس
مر على افتتاحنا
!~ آخـر المواضيع ~!
شارك اصدقائك شارك اصدقائك استايل عرب ماكس الجديد حصريا على منتديات مصراوى
شارك اصدقائك شارك اصدقائك اراضي علم الروم بواحة التجاريين
شارك اصدقائك شارك اصدقائك قرية بلوبيتش ع البحر وبالتقسيط لا تدع الفرصة تفوتك
شارك اصدقائك شارك اصدقائك قصر البوسيت ع البحر
شارك اصدقائك شارك اصدقائك اراضي عجيبة لبناء فيلا ع البحر
شارك اصدقائك شارك اصدقائك يشرفنا حضوركم ندوة الاعلام الالكتروني صالح دسمال الكواري بقطر
شارك اصدقائك شارك اصدقائك لعشاق اللغة الانجليزية اقوى برامج تعليم اللغه الانجليزية فقط لاعضاء المنتدى
شارك اصدقائك شارك اصدقائك أفضل مجموعة برامج وفيديوهات لتعليم اللغة الانجليزية بالصوت والصورة وباللغه العربية
شارك اصدقائك شارك اصدقائك ممتاز لتعلم اللغة الانجليزية learning english ع موبيلك مجانا
شارك اصدقائك شارك اصدقائك شركة مكافحة قوارض بحائل
الإثنين يونيو 12, 2017 9:45 pm
الجمعة يونيو 09, 2017 12:16 am
الجمعة يونيو 09, 2017 12:09 am
الجمعة يونيو 09, 2017 12:05 am
الجمعة يونيو 09, 2017 12:01 am
السبت ديسمبر 17, 2016 3:08 pm
الجمعة نوفمبر 18, 2016 10:12 pm
الجمعة نوفمبر 11, 2016 10:32 pm
الخميس نوفمبر 03, 2016 10:32 pm
الأحد أكتوبر 16, 2016 8:19 pm
إضغط علي شارك اصدقائك اوشارك اصدقائك لمشاركة اصدقائك!



دليل ال BBCode





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

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

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

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

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

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

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

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

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

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

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

 


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

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

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

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

    أهلا

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

    صباح الخير

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

    هذا عظيم!

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

    أهلا!

    أو

    أهلا!

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

    صغير

    سوف تكون صغير

    حيث:

    ضخم!

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

انظر الي!

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

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

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

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

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

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

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


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

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


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


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


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


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


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


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

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

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

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

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

          هذا سوف يعطي الربط التالي, http://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=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

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

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



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

        [url=http://www.ahlamontada.com][/url]

        سوف يعطي:

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

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

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

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

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

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

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

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

        إنشاء جدول
        إدماج جدول في مساهماتك
        ال 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.
        .
        الرجوع الى أعلى الصفحة

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

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

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

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

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

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

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

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

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


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

        انتقل الى: