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

شرح عمل إضافة رائعه للمنتديات pbboard

السلام عليكم ورحمة الله وبركاته كيفية عمل إنثنائات على الأقسام ل بي بي بورد مثال : طيب نبدأ على



13-06-2013 04:57 مساءً
معلومات الكاتب ▼
انضم في : 15-10-2012
رقم العضوية : 2,494
المشاركات : 616
الدولة : اليمن
الجنس :
تاريخ الميلاد : 10-1-1998
الدعوات : 23
قوة السمعة : 2,100
موقعي : زيارة موقعي
العضو غائب تدهور الاوضاع في في المنطقه

السلام عليكم ورحمة الله وبركاته


كيفية عمل إنثنائات على الأقسام ل بي بي بورد


مثال :

%D8%A5%D9%86%D8%AD%D9%86%D8%A7%D8%A6%D8%A7%D8%AA



طيب نبدأ على بركة الله
أولاً: أدخل على ملف Css ثم إبحث عن هذه الكلاسات:

CODE
td.row1
        td.row2
        td.row3
        td.row4
        td.row5


ثانياً: إستبدل الكلاس td.row1 بهذا الكود:


CODE

    td.row1
                {
               
                background-color: #cdcdcd;
                font: bold 15px Arial;
                padding-right: 10px;
                padding: 3px;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
                border-bottom-right-radius: 15px;
                border-bottom-left-radius: 15px;
                -moz-box-shadow:    inset 0 0 1px #000000;
                   -webkit-box-shadow: inset 0 0 1px #000000;
                   box-shadow:         inset 0 0 1px #000000;
                }
                


وإستبدل الكلاس row2 بهذا الكود:


CODE

    td.row2
                    {
                   
                    background-color: #fff;
                   
                    font: bold 15px Arial;
                    padding-right: 10px;
                    padding: 4px;
                    border-top-left-radius: 15px;
                    border-top-right-radius: 15px;
                    border-bottom-right-radius: 15px;
                    border-bottom-left-radius: 15px;
                   
                    -moz-box-shadow:    inset 0 0 1px #000000;
                       -webkit-box-shadow: inset 0 0 1px #000000;
                       box-shadow:         inset 0 0 1px #000000;
                    }


وإستبدل الكلاس row3 بهذا الكود :

CODE
   td.row3
           
            {
           
            background-color: #cdcdcd;
            padding-right: 10px;
            padding: 3px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            -moz-box-shadow:    inset 0 0 1px #000000;
               -webkit-box-shadow: inset 0 0 1px #000000;
               box-shadow:         inset 0 0 1px #000000;
            }
            


وإستبدل الكلاس row4 بهذا الكود:

CODE

    td.row4
           
            {
           
            background-color: #fff;
            padding-right: 10px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            -moz-box-shadow:    inset 0 0 1px #000000;
               -webkit-box-shadow: inset 0 0 1px #000000;
               box-shadow:         inset 0 0 1px #000000;
            padding: 3px;
            }
            


وإستبدل الكلاس row5 بهذا الكود:
CODE
td.row5
        {
       
        background-color: #cdcdcd;
       
        padding-right: 10px;
        padding: 3px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
       
        -moz-box-shadow:    inset 0 0 1px #000000;
           -webkit-box-shadow: inset 0 0 1px #000000;
           box-shadow:         inset 0 0 1px #000000;
        }


وبكده يكون الشكل النهائي كده

%25D8%25A5%25D9%2586%25D8%25AD%25D9%2586%25D8%25A7%25D8%25A6%25D8%25A7%25D8%25AA


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


هذا الشرح حصري لمدونة الأجنحة العربية.




المصدر
تم تحرير الموضوع بواسطة :Soliman بتاريخ:11-09-2013 01:27 مساءً

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  13-06-2013 05:55 مساءً   [1]
معلومات الكاتب ▼
انضم في : 20-07-2009
رقم العضوية : 18
المشاركات : 2,796
الجنس :
تاريخ الميلاد : 1-10-1981
الدعوات : 30
قوة السمعة : 4,978
موقعي : زيارة موقعي
شرح مميز و اضافه رائعه
جزاك الله خيرا اخى طارق

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  13-06-2013 08:01 مساءً   [2]
معلومات الكاتب ▼
انضم في : 15-10-2012
رقم العضوية : 2,494
المشاركات : 616
الدولة : اليمن
الجنس :
تاريخ الميلاد : 10-1-1998
الدعوات : 23
قوة السمعة : 2,100
موقعي : زيارة موقعي
العضو غائب تدهور الاوضاع في في المنطقه
شكراً لمرورك أخي أحمد وتشجيعك الدائم لنا.

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  11-09-2013 11:47 صباحاً   [3]
معلومات الكاتب ▼
انضم في : 05-09-2013
رقم العضوية : 4,193
المشاركات : 24
الجنس :
تاريخ الميلاد : 18-10-1914
قوة السمعة : 60
موقعي : زيارة موقعي
وين الشرح لا يوجد أي شيئ

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  11-09-2013 01:53 مساءً   [4]
معلومات الكاتب ▼
انضم في : 20-07-2009
رقم العضوية : 18
المشاركات : 2,796
الجنس :
تاريخ الميلاد : 1-10-1981
الدعوات : 30
قوة السمعة : 4,978
موقعي : زيارة موقعي
الشرح فى الموضوع نفسه اخى مفيد
بداية من هذه الجمله
أولاً: أدخل على ملف Css ثم إبحث عن هذه الكلاسات:

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  11-09-2013 07:37 مساءً   [5]
معلومات الكاتب ▼
انضم في : 05-09-2013
رقم العضوية : 4,193
المشاركات : 24
الجنس :
تاريخ الميلاد : 18-10-1914
قوة السمعة : 60
موقعي : زيارة موقعي
عفوا و آسف فلم تكن تظهر هذه
اقتبـاس ،، ثانياً: إستبدل الكلاس td.row1 بهذا الكود:







td.row1
{

background-color: #cdcdcd;
font: bold 15px Arial;
padding-right: 10px;
padding: 3px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}


وإستبدل الكلاس row2 بهذا الكود:







td.row2
{

background-color: #fff;

font: bold 15px Arial;
padding-right: 10px;
padding: 4px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;

-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}
وإستبدل الكلاس row3 بهذا الكود :






td.row3

{

background-color: #cdcdcd;
padding-right: 10px;
padding: 3px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}


وإستبدل الكلاس row4 بهذا الكود:






td.row4

{

background-color: #fff;
padding-right: 10px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
padding: 3px;
}


وإستبدل الكلاس row5 بهذا الكود:




td.row5
{

background-color: #cdcdcd;

padding-right: 10px;
padding: 3px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;

-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}
إلا بعد الرد ظهرت لي

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  11-09-2013 08:02 مساءً   [6]
معلومات الكاتب ▼
انضم في : 20-07-2009
رقم العضوية : 18
المشاركات : 2,796
الجنس :
تاريخ الميلاد : 1-10-1981
الدعوات : 30
قوة السمعة : 4,978
موقعي : زيارة موقعي
خيرا حدث

رد جديد موضوع جديد



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
شرح إضافة اكواد BBCODE مخصصة للمحرر Sofiene2023
1 198 Sofiene2023
إضافة bbcode في محرر ckeditor5 Sofiene2023
4 107 Soliman
طلب: إضافة زر الموافقة على الموضوع و نقل الموضوع داخل صفحة تحرير الموضوع Alashkar
4 280 Alashkar
طلب: إضافة برمجية بعناوين الموضوع Headings Alashkar
1 220 Alashkar
هل توجد طريقة لإضافة هاته الخاصيات للمحرر SCEditor newghanou
1 205 newghanou

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









الساعة الآن 04:53 AM