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

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


موضوع مغلق


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
يتابعونه : 2
قوة السمعة : 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
يتابعونه : 2
قوة السمعة : 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
يتابعونه : 2
قوة السمعة : 4978
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard

خيرا حدث


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
لا يمكنك إضافة موضوع anouar146
1 63 anouar146
إضافة أعجبني عفريت المنتدى
2 87 عفريت المنتدى
طلب إضافة b7dz
4 192 b7dz
هاك إضافة عضويات وهمية أسفل المنتدى الصقر
2 213 الصقر
كيفية إضافة صور في الفوتر ؟ ridouane
2 152 ridouane

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







الساعة الآن 03:41 مساء