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

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



13-06-2013 04:57 مساءً
محمد
معلومات الكاتب

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


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


مثال :

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



طيب نبدأ على بركة الله

أولاً: أدخل على ملف 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;
        }


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

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


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


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





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


look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  13-06-2013 05:55 مساءً   [1]
AHMED
معلومات الكاتب


شرح مميز و اضافه رائعه

جزاك الله خيرا اخى طارق

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  13-06-2013 08:01 مساءً   [2]
محمد
معلومات الكاتب
شكراً لمرورك أخي أحمد وتشجيعك الدائم لنا.

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  11-09-2013 11:47 صباحاً   [3]
مفيد
معلومات الكاتب
وين الشرح لا يوجد أي شيئ

look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  11-09-2013 01:53 مساءً   [4]
AHMED
معلومات الكاتب


الشرح فى الموضوع نفسه اخى مفيد

بداية من هذه الجمله

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


look/images/icons/i1.gif شرح عمل إضافة رائعه للمنتديات pbboard
  11-09-2013 07:37 مساءً   [5]
مفيد
معلومات الكاتب
عفوا و آسف فلم تكن تظهر هذه

اقتبـاس ،،

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


خيرا حدث


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
اقتراح : إضافة نظام تذاكر دعم فني داخل المنتدى MAHDI H.D
1 80 MAHDI H.D
إضافة أيقونة رفع الصور الذكية والمتجاوبة لمحرر المنتدى Soliman
10 460 شبعان
إضافة أيقونة رفع ملف صوتي من الجهاز او ادراج رابط صوتي خارجي لمحرر المنتدى naseemtork
6 210 naseemtork
إضافة زر في المحرر Sofiene2023
2 148 Sofiene2023
مطلوب ملحق إضافة google recaptcha في صفحة التسجيل Sofiene2023
1 279 Sofiene2023

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






الساعة الآن 01:27 AM