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

عدد الضغطات : 3,796

 

BB Code

الشرح

BB code عبارة عن مجموعة من الأكواد المشتقة من لغة (html) والتي تكون قد تعرفت عليها من قبل .تسمح لك باضافة تهيئة إلى رسائلك بنفس طريقة لغة HTML ، ولكن لديها تركيب بسيط وهو ولن يتم ايقاف (كسر) النسق من الصفحات التي تشاهدها. القدرة على استخدام BB code هو تحديد في المنتدى - من قبل - المنتدى الأساسي بواسطة الإدارة ، لذا يجب عليك مراجعة قواعد المنتدى عند ارسال رسالة جديدة.

فيما يلى قائمة من علامات BB code يمكنك استخدامها لتهيئة رسائلك.

قائمة BB Code

  1. نص عريض / مائل / نص تحته خط
  2. اللون
  3. الحجم
  4. الخط
  5. لون بارز
  6. باتجاه اليسار / باتجاه اليمين / توسيط
  7. متساوي الأطراف
  8. رابط البريد الإلكتروني
  9. روابط عناوين المواقع (URL)
  10. رابط الموضوع
  11. رابط المشاركة
  12. القوائم الإعتيادية / القوائم المتقدمة
  13. الصور
  14. الفيديو
  15. كود
  16. كود PHP
  17. كود HTML
  18. اقتباس
  19. تعطيل عمل أكواد BB Code
  20. ملف مرفق
  21. Alert
  22. bgcalls
  23. bgcolors
  24. bodyclr
  25. flash
  26. Gdocs
  27. Glow
  28. Google
  29. Grad
  30. Grad1
  31. Hides
  32. Info
  33. Mp3
  34. Pdf
  35. Real
  36. Realv
  37. Tdown
  38. Tleft
  39. Tright
  40. Tup
  41. Warning
  42. Web
  43. Wmv
استخدامات خاطئة في التعامل مع أكواد المنتدى:
  • [url] www.example.com [/url] - لا تترك فراغآ بين بداية الكود أو نهايته حتى يعمل الكود بشكل صحيح .
  • [email]myname@domain.com[email] - يجب أن يتضمن نهاية الكود على خط مائل حتى يعمل بشكلٍ صحيح ، تصحيح الخطأ ([/email])

نص عريض / مائل / نص تحته خط

يمكنك جعل الخط عريضآ ، مائلاً أو أسفله خط وذلك بواسطة استخدام أكواد ورموز كالتالي .

    • [b]القيمة[/b]
    • [i]القيمة[/i]
    • [u]القيمة[/u]
    الاستخدام
    • [b]هذا النص عريض[/b]
    • [i]هذا النص مائل[/i]
    • [u]هذا النص تحته خط[/u]
    مثال للاستخدام
    • هذا النص عريض
    • هذا النص مائل
    • هذا النص تحته خط
    ناتج المثال

اللون

يمكنك تغيير لون جملة معينه بألوان مختلفة وذلك بواسطة استخدام الكود التالي .

  • [color=الخيار]القيمة[/color]
    الاستخدام
  • [color=blue]هذا النص باللون الأزرق[/color]
    مثال للاستخدام
  • هذا النص باللون الأزرق
    ناتج المثال

الحجم

هذا الرمز يسمح لك بتحديد حجم الخط في النص المحدد .

  • [size=الخيار]القيمة[/size]
    الاستخدام
  • [size=+2]هذا الخط أكبر بمرتين عن الخط العادي[/size]
    مثال للاستخدام
  • هذا الخط أكبر بمرتين عن الخط العادي
    ناتج المثال

الخط

يمكنك تغيير نوع الخط في المشاركات وذلك بواسطة استخدام الكود التالي .

  • [font=الخيار]القيمة[/font]
    الاستخدام
  • [font=courier]هذا النص بنوعية خط courier[/font]
    مثال للاستخدام
  • هذا النص بنوعية خط courier
    ناتج المثال

باتجاه اليسار / باتجاه اليمين / توسيط

هذا الكود يسمح لك بتغيير اتجاه النص .. يمين، يسار، أو توسيط.

    • [left]القيمة[/left]
    • [center]القيمة[/center]
    • [right]القيمة[/right]
    الاستخدام
    • [left]هذا النص باتجاه اليسار[/left]
    • [center]هذا النص بالوسط[/center]
    • [right]هذا النص باتجاه اليمين[/right]
    مثال للاستخدام
  • هذا النص باتجاه اليسار
    هذا النص بالوسط
    هذا النص باتجاه اليمين
    ناتج المثال

متساوي الأطراف

هذا الكود يسمح لك بمحاذاة أطراف مشاركتك.

  • [indent]القيمة[/indent]
    الاستخدام
  • [indent]هذا النص متساوي الأطراف[/indent]
    مثال للاستخدام
  • هذا النص متساوي الأطراف
    ناتج المثال

رابط البريد الإلكتروني

يمكنك اضافة عنوان بريدك الإلكتروني ويمكنك أيضآ اضافة تسمية لبريد الإلكتروني وذلك بواسطة استخدام أكواد ورموز كالتالي .

روابط عناوين المواقع (URL)

يمكنك وضع رابط لموقع خارجي أو اضافة عنوان لهذا الرابط وذلك بواسطة استخدام الرمز التالي .

رابط الموضوع

يمكنك اضافة رقم الموضوع لتحديد هوية الموضوع ، كما يمكنك يحتوي هذا الخيار للسماح بتسمية الموضوع .

    • [thread]رقم الموضوع[/thread]
    • [thread=رقم الموضوع]القيمة[/thread]
    الاستخدام
    • [thread]42918[/thread]
    • [thread=42918]إضغط هنا[/thread]
    ملاحظة : رقم الموضوع / رقم المشاركة مجرد مثال للتوضيح فقط وقد لا يرتبط المثال الناتج بموضوع صحيح
    مثال للاستخدام
  • ناتج المثال

رابط المشاركة

يمكنك إضافة رقم لمشاركة معينة أو اضافة عنوان لرابط المشاركة وذلك بواسطة استخدام الكود التالي.

    • [post]رقم المشاركة[/post]
    • [post=رقم المشاركة]القيمة[/post]
    الاستخدام
    • [post]269302[/post]
    • [post=269302]إضغط هنا[/post]
    ملاحظة : رقم الموضوع / رقم المشاركة مجرد مثال للتوضيح فقط وقد لا يرتبط المثال الناتج بموضوع صحيح
    مثال للاستخدام
  • ناتج المثال

القوائم الإعتيادية

هذا الكود يسمح لك بإنشاء قائمة بسيطة بدون مسافات تبدأ بالنقاط أو الأرقام.

  • [list]القيمة[/list]
    الاستخدام
  • [list]
    [*]القائمة الأولى
    [*]القائمة الثانية
    [/list]
    مثال للاستخدام
    • القائمة الأولى
    • القائمة الثانية
    ناتج المثال

القوائم المتقدمة

يمكنك إنشاء قوائم متطورة بواسطة تحديد الخيارات ، ادخل القيمة 1 في الخيار ( لإظهار قائمة مرقمة ) أو A ( لإظهار قائمة ابجدية كبيرة الأحرف ) أو a ( لإظهار قائمة أبجدية صغيرة الأحرف ) أو i ( لإظهار قائمة بالأرقام الرومانية الصغيرة ) أو I ( لإظهار قائمة بالارقام الرومانية الكبيرة ) .

  • [list=الخيار]القيمة[/list]
    الاستخدام
  • [list=1]
    [*]القائمة الأولى
    [*]القائمة الثانية
    [/list]

    [list=A]
    [*]القائمة الأولى
    [*]القائمة الثانية
    [/list]

    [list=a]
    [*]القائمة الأولى
    [*]القائمة الثانية
    [/list]
    مثال للاستخدام
    1. القائمة الأولى
    2. القائمة الثانية
    1. القائمة الأولى
    2. القائمة الثانية
    1. القائمة الأولى
    2. القائمة الثانية
    ناتج المثال

الصور

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

  • [img]القيمة[/img]
    الاستخدام
    • [img]http://www.otabhq8.com/vb4/m3ntratstyle2010/statusicon/forum_new-48.png[/img] (بدون رابط)
    • [url=http://www.example.com] [img]http://www.otabhq8.com/vb4/m3ntratstyle2010/statusicon/forum_new-48.png[/img] [/url] (يحتوي على رابط)
    مثال للاستخدام
    • (بدون رابط)
    • (يحتوي على رابط)
    ناتج المثال

الفيديو

[video] يسمح لك بإضافة ملفات الفيديو من أماكن مختلفه لإدراجها في مشاركاتك.

  • [video]القيمة[/video]
    الاستخدام
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    مثال للاستخدام
    ناتج المثال

كود

يمكنك وضع محتويات سكربت معين من هذه الأنواع ( cgi , c++ , PHP ) وذلك بواسطة استخدام الكود التالي لكي تبين أنه كود سكربت .

  • [code]القيمة[/code]
    الاستخدام
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    مثال للاستخدام
  • كود:
    <****** type="****/**********">
    <!--
    	*****("Hello world!");
    //-->
    </******>
    ناتج المثال

كود PHP

يمكنك وضع محتويات الأكواد التي تنتمي لنوع ( PHP ) وذلك بواسطة استخدام الكود التالي لكي تبين أنه كود PHP.

  • [php]القيمة[/php]
    الاستخدام
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    مثال للاستخدام
  • كود PHP:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    ناتج المثال

كود HTML

يمكنك إبراز أكواد لشفرة أكواد HTML لتظهر دون أي تأثير أو تعديل في المشاركات وذلك باستخدام الكود التالي .

  • [html]القيمة[/html]
    الاستخدام
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    مثال للاستخدام
  • كود HTML:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    ناتج المثال

اقتباس

يمكنك الإقتباس من جملة أو مشاركة سابقة وذلك بواسطة نسخ تلك الجملة ثم إلصقها بين هذين الكودين كما في الشكل التالي .

    • [quote]اقتباس[/quote]
    • [quote=اسم العضو]القيمة[/quote]
    الاستخدام
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;167584]Lorem ipsum dolor sit amet[/quote]
    مثال للاستخدام
    • Lorem ipsum dolor sit amet
    • اقتباس المشاركة الأصلية كتبت بواسطة John Doe
      Lorem ipsum dolor sit amet
    • اقتباس المشاركة الأصلية كتبت بواسطة John Doe مشاهدة المشاركة
      Lorem ipsum dolor sit amet
    ناتج المثال

لون بارز

يمكنك إبراز لون مشاركاتك بشكل واضح وملحوظ وذلك بواسطة استخدام أكواد ورموز كالتالي .

  • الاستخدام
    [highlight]القيمة[/highlight]
  • مثال للاستخدام
    [highlight]هذا النص بارز اللون[/highlight]
  • ناتج المثال
    هذا النص بارز اللون

تعطيل عمل أكواد BB Code

كود [noparse] يسمح لك بايقاف إعراب BB code.

  • [noparse][b]القيمة[/b][/noparse]
    الاستخدام
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    مثال للاستخدام
  • [b]Lorem ipsum dolor sit amet[/b]
    ناتج المثال

ملف مرفق

يمكنك عرض الملفات المرفقة في المشاركة بشكل مرئي بدلآ من عرضها في الأسفل ، كما تسمح لك بعرض المرفقات المنتمية للمشاركة الحالية فقط .

  • [attach]رقم الملف المرفق[/attach]
    الاستخدام
  • [attach]12345[/attach]
    مثال للاستخدام
  • ناتج المثال

Alert

Insert Alert Code

  • [Alert]القيمة[/Alert]
    الاستخدام
  • [Alert]Insert Alert Code[/Alert]
    مثال للاستخدام
  • Insert ***** Code
    ناتج المثال

bgcalls

Set Background Image

  • [bgcalls=الخيار]القيمة[/bgcalls]
    الاستخدام
  • [bgcalls=bgcalls.gif]Set Background Image[/bgcalls]
    مثال للاستخدام


  • Set Background Image

    ناتج المثال

bgcolors

Text background Color

  • [bgcolors=الخيار]القيمة[/bgcolors]
    الاستخدام
  • [bgcolors=#FF0000]Text background Color[/bgcolors]
    مثال للاستخدام
  • **** background Color
    ناتج المثال

bodyclr

Set Background Color

  • [bodyclr=الخيار]القيمة[/bodyclr]
    الاستخدام
  • [bodyclr=#FF0000]Set Background Color[/bodyclr]
    مثال للاستخدام


  • Set Background Color

    ناتج المثال

flash

Insert Flash File

  • [flash=الخيار]القيمة[/flash]
    الاستخدام
  • [flash=http://www.wahtaljouf.com/vip/77.swf]WIDTH=500 HEIGHT=250[/flash]
    مثال للاستخدام
  • ناتج المثال

Gdocs

Insert a document from Google

  • [Gdocs]القيمة[/Gdocs]
    الاستخدام
  • [Gdocs]1gFITfDUZy4MyezPFnecSzeMbWFc-NRXzodq3r5aHigs[/Gdocs]
    مثال للاستخدام
  • <****** src="https://docs.google.com/********/pub?id=1gFITfDUZy4MyezPFnecSzeMbWFc-NRXzodq3r5aHigs&embedded=true&single=true&gid=0&output=html&widget=true" *****="95%" ******="500">****** Not Available. Direct Link to Google ********.
    ناتج المثال

Glow

Glowen Text

  • [Glow=الخيار]القيمة[/Glow]
    الاستخدام
  • [Glow=#FF0000]Glowen Text[/Glow]
    مثال للاستخدام
  • Glowen ****
    ناتج المثال

Google

Insert Goole code To serch

  • [Google]القيمة[/Google]
    الاستخدام
  • [Google]wahtaljouf.com[/Google]
    مثال للاستخدام
  • [ ????? ?? wahtaljouf.com ?? Google ]

    ناتج المثال

Grad

Coloring the text color gradient

  • [Grad]القيمة[/Grad]
    الاستخدام
  • [Grad]Coloring the text color gradient[/Grad]
    مثال للاستخدام
  • ******** ********="**********"> function MakeArray(n){ this.length=n; for(var i=1; i<=n; i++) this[i]=i-1; return this } hex=new MakeArray(16); hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F"; function ToHex(x){ var high=x/16; var s=high+""; s=s.substring(0,2); high=parseInt(s,10); var left=hex[high+1]; var low=x-high*16; s=low+""; s=s.substring(0,2); low=parseInt(s,10); var right=hex[low+1]; var string=left+""+right; return string; } function fadeout(****){ ****=****.substring(3,****.length-4); color_d1=255; mul=color_d1/****.length; var j=1; for(i=0;i<****.length;i++){ color_d1=255*Math.sin(i/(****.length/3)); color_h1=ToHex(color_d1); color_d2=mul*i; color_h2=ToHex(color_d2); color_d3=mul*(****.length-i); color_h3=ToHex(color_d3); j = i; if (****.substring(i,i+1) == '&') { for (j = i+1; j < ****.length; j++) { if (****.substring(j,j+1) == ';') { break; } } if (j == ****.length) { j = i; } } if (****.substring(i,i+1) == '<') { for (j = i+1; j < ****.length; j++) { if (****.substring(j,j+1) == '>') { break; } } if (j == ****.length) { j = i; } } ********.write(""+ ****.substring(i,j+1)+''); i = j; } } *********** ******** ********="**********"> {fadeout("-->Coloring the **** color gradient
    ناتج المثال

Grad1

Random Color

  • [Grad1]القيمة[/Grad1]
    الاستخدام
  • [Grad1]Random Color[/Grad1]
    مثال للاستخدام
  • ******** type="****/**********"> function colorize(str){ var strArray=str.split(""); for (var i=0;i"+strArray[i]+""; return strArray.join(""); } *********** ******** ********="**********" type="****/**********"> ********.write(colorize("Random Color")); ***********
    ناتج المثال

Hides

Heddin content

  • [Hides=الخيار]القيمة[/Hides]
    الاستخدام
  • [Hides=title]Heddin content[/Hides]
    مثال للاستخدام
  • title  
    ناتج المثال

Info

Insert Info Code

  • [Info]القيمة[/Info]
    الاستخدام
  • [Info]Insert Info Code[/Info]
    مثال للاستخدام
  • Insert Info Code
    ناتج المثال

Mp3

Sound file : Mp3

  • [Mp3]القيمة[/Mp3]
    الاستخدام
  • [Mp3]Sound file : Mp3[/Mp3]
    مثال للاستخدام
  • ******** ********="**********" src="client******/ckeplugins/editor-more/AudioPlayer/audio-player.js">***********
    ناتج المثال

Pdf

Insert File Type : Acropat Pdf

  • [Pdf]القيمة[/Pdf]
    الاستخدام
  • [Pdf]Insert File Type : Acropat Pdf[/Pdf]
    مثال للاستخدام
  • ناتج المثال

Real

media file : Realplayer Audio

  • [Real]القيمة[/Real]
    الاستخدام
  • [Real]media file : Realplayer Audio[/Real]
    مثال للاستخدام
  • ناتج المثال

Realv

media file : Realplayer Video

  • [Realv]القيمة[/Realv]
    الاستخدام
  • [Realv]media file : Realplayer Video[/Realv]
    مثال للاستخدام
  • ناتج المثال

Tdown

Insert marquee Text to down

  • [Tdown]القيمة[/Tdown]
    الاستخدام
  • [Tdown]Insert marquee Text to down[/Tdown]
    مثال للاستخدام
  • Insert marquee **** to down
    ناتج المثال

Tleft

Insert marquee Text to left

  • [Tleft]القيمة[/Tleft]
    الاستخدام
  • [Tleft]Insert marquee Text to left[/Tleft]
    مثال للاستخدام
  • Insert marquee **** to left
    ناتج المثال

Tright

Insert marquee Text to right

  • [Tright]القيمة[/Tright]
    الاستخدام
  • [Tright]Insert marquee Text to right[/Tright]
    مثال للاستخدام
  • Insert marquee **** to right
    ناتج المثال

Tup

Insert marquee Text to up

  • [Tup]القيمة[/Tup]
    الاستخدام
  • [Tup]Insert marquee Text to up[/Tup]
    مثال للاستخدام
  • Insert marquee **** to up
    ناتج المثال

Warning

Insert Warning Code

  • [Warning]القيمة[/Warning]
    الاستخدام
  • [Warning]Insert Warning Code[/Warning]
    مثال للاستخدام
  • Insert Warning Code
    ناتج المثال

Web

Insert Web page

  • [Web]القيمة[/Web]
    الاستخدام
  • [Web]http://www.wahtaljouf.com[/Web]
    مثال للاستخدام
  • <****** class="*********" src="http://www.wahtaljouf.com">
    ناتج المثال

Wmv

Video and aduio media file : WMV

  • [Wmv]القيمة[/Wmv]
    الاستخدام
  • [Wmv]Video and aduio media file : WMV[/Wmv]
    مثال للاستخدام
  • ناتج المثال