logo

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


  1. PBBoard Community Forum
  3. قسم تطوير منتديات PBBoard
  5. منتدى شروحات ودروس منتديات PBBoard
  7. شرح عمل إضافة رائعه للمنتديات pbboard


اضافة رد جديد اضافة موضوع جديد


subject icon شرح عمل إضافة رائعه للمنتديات pbboard
13-06-2013 04:57 مساءً
صورة محمد الشخصية
محمد
عضـو متميز
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 15-10-2012
رقم العضوية : 2494
المشاركات : 616
الدولة : اليمن
الجنس :
تاريخ الميلاد : 10-1-1998
الدعوات : 21
قوة السمعة : 2100
موقعي : زيارة موقعي
PBBoard Version : غير محدد
العضو غائب تدهور الاوضاع في في المنطقه

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



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



مثال :


%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]
صورة AHMED الشخصية
AHMED
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 18
المشاركات : 2796
الجنس :
تاريخ الميلاد : 1-10-1981
الدعوات : 30
قوة السمعة : 4978
موقعي : زيارة موقعي
PBBoard Version : 3.0.1
شرح مميز و اضافه رائعه
جزاك الله خيرا اخى طارق

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

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

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

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  11-09-2013 07:37 مساءً   [5]
بدون صورة شخصية
مفيد
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 05-09-2013
رقم العضوية : 4193
المشاركات : 24
الجنس :
تاريخ الميلاد : 18-10-1914
قوة السمعة : 60
موقعي : زيارة موقعي
PBBoard Version : 3.0.0
عفوا و آسف فلم تكن تظهر هذه
اقتبـاس ،،
ثانياً: إستبدل الكلاس 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]
صورة AHMED الشخصية
AHMED
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 18
المشاركات : 2796
الجنس :
تاريخ الميلاد : 1-10-1981
الدعوات : 30
قوة السمعة : 4978
موقعي : زيارة موقعي
PBBoard Version : 3.0.1
خيرا حدث

اضافة رد جديد اضافة موضوع جديد




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

« كود عدد زوار المنتدى وشغال 100% | كيفية اعادة عضو بمواضيعه و مشاركاته »








الساعة الآن 09:51 AM