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

الخميس، 13 يونيو 2013

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

6:55 ص Unknown لاتوجد تعليقات

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

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

مثال :

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

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

        }