منتدى دعم PBBoard الرسمي
(نسخة قابلة للطباعة من الموضوع)
https://pbboard.info/forums/t13595
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

شرح عمل إضافة رائعه للمنتديات pbboard
محمد 13-06-2013 04:57 مساءً

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


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


مثال :

%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


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


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




المصدر
منتدى دعم PBBoard الرسمي

Copyright © 2009-2024 PBBoard® Solutions. All Rights Reserved