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

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


موضوع مغلق


13-06-2013 04:57 مساء
محمد
عضـو متميز
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 15-10-2012
رقم العضوية : 2494
المشاركات : 609
الدولة : ..::اليمن السعيد::..
الجنس : ذكر
تاريخ الميلاد : 10-1-1994
الدعوات : 18
يتابعهم : 3
يتابعونه : 1
قوة السمعة : 2100
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
 

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

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

مثال :

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

 

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

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

ثانياً: إستبدل الكلاس 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;
        }
وبكده يكون الشكل النهائي كده

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

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

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

 



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


13-06-2013 05:55 مساء
مشاهدة مشاركة منفردة [1]
AHMED
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 18
المشاركات : 2796
الجنس : ذكر
تاريخ الميلاد : 1-10-1981
الدعوات : 25
يتابعهم : 0
يتابعونه : 3
قوة السمعة : 4978
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard

شرح مميز و اضافه رائعه
جزاك الله خيرا اخى طارق

13-06-2013 08:01 مساء
مشاهدة مشاركة منفردة [2]
محمد
عضـو متميز
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 15-10-2012
رقم العضوية : 2494
المشاركات : 609
الدولة : ..::اليمن السعيد::..
الجنس : ذكر
تاريخ الميلاد : 10-1-1994
الدعوات : 18
يتابعهم : 3
يتابعونه : 1
قوة السمعة : 2100
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard

شكراً لمرورك أخي أحمد وتشجيعك الدائم لنا.


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

11-09-2013 01:53 مساء
مشاهدة مشاركة منفردة [4]
AHMED
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 18
المشاركات : 2796
الجنس : ذكر
تاريخ الميلاد : 1-10-1981
الدعوات : 25
يتابعهم : 0
يتابعونه : 3
قوة السمعة : 4978
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard

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


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

ثانياً: إستبدل الكلاس 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;         }


إلا بعد الرد ظهرت لي

11-09-2013 08:02 مساء
مشاهدة مشاركة منفردة [6]
AHMED
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 18
المشاركات : 2796
الجنس : ذكر
تاريخ الميلاد : 1-10-1981
الدعوات : 25
يتابعهم : 0
يتابعونه : 3
قوة السمعة : 4978
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard

خيرا حدث


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
مشكلة عندما أريد إضافة موضوع جديد mejani.com
11 120 mejani.com
لا يمكنك إضافة موضوع anouar146
1 94 anouar146
إضافة أعجبني عفريت المنتدى
2 101 عفريت المنتدى
طلب إضافة b7dz
4 214 b7dz
هاك إضافة عضويات وهمية أسفل المنتدى الصقر
2 236 الصقر

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







الساعة الآن 08:15 صباحا