حصريا على منتديات توتى شرح اضافة كود جديد bbcode

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته،،
سنتعلم اليوم استخدام الميزة الجديدة في اصدار pbb 2.1.3 إضافة كود bb جديد
اذا كنت مفتح مخك معي في نهاية الدرس ستكون قد أنجزت المهمة بنجاح.
الأهداف:
1- اضافة زر للمحرر النقر عليه يظهر للعضو نافذة ادخال.
2- اضافة كود bb وكود الإستبدال بلغة html.
3- تطبيق ذلك في المحرر.

أولا عليك ايجاد كود الإستبدال بلغة html.
ما نريده كود تحريك النص.
هذا كود html الخاص بتحريك النص:

الكود: <marquee direction="right">النص المراد تحريكه</marquee>

نلاحظ أن هناك خيار وهو right أي يمين, ولدينا خيارات ثانية وهي left, up,
down وتعني يسار, أعلى, أسفل و "النص المراد تحريكه" هو المحتوى أي content
وبالتالي سيكون كود الإستبدال هو

الكود: <marquee direction="{option}">{content}</marquee>

لاحظ أنه يجب وضع option أي الخيار و content أي المحتوى / النص بين أقواس {}.

الان لدينا كود الإستبدال, حان الوقت لإضافته في لوحة الإدارة.
لوحة التحكم » الاكواد BB Codes » إضافة كود منتدى جديد
انظر للمثال الذي في الصورة

الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 609*553

حسب القيم التي اخترتها
وسم BBCode
أنت حر بما تختار هنا, قد تريد استعمال كلمه ثانية مثلا marq
استخدام {option}
بما أن هناك خيارات right,left,up,down
فيجب اختيار نعم
زر الصورة:
أريد أن يظهر زر فوق المحرر لذلك وضعت زر الصورة ووضعت مكان الصورة.
لذلك سيكون علي رفع صورة بإسم move.gif تدل على الكود ووضعها في مجلد اسمه images في مجلد المنتدى.

[اعتمد التعديلات]
الان وقت التجربة في المحرر
نختار النص ثم نكبس على الزر ستظهر نافذه نكتب فيه اتجاه التحريك, اكتب واحده من الكلمات التالية:

الكود:

right
left
up
down
ي

جب ان تكون الكتابة صحيحة 100% بدون أخطاء كتابية.

قد تسال: هل يمكن أكتب يمين؟
لا ينفع هذا كود هتمل ويجب أن يكون بأحرف انجليزية.
اكبس اعتمد وسيضاف للمحرر كود يشبه الكود التالي:

الكود: <table><tr><td class="content">[move=right] </td></tr></table> <table><tr><td class="content">النص الذي نريد تحريكه </td></tr></table> <table><tr><td class="content">[/move] </td></tr></table>

أضف الموضوع وسيظهر تنفيذ الكود على صفحة عرض الموضوع.

انتهى الدرس
7
7
وهذا مثال آخر :
أردت فيه اضافة كود اسمه خط الطابعة ولا اريد وضع زر.

الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 604*547

عندها انا اكتب الكود كتابة في المحرر كالتالي

الكود: [tt]النص المراد[/tt]