كود css لعمل تاثير جميل على ارقام صفحات في المواضيع

    شاطر
    avatar
    ηмσσяι フє∂∂αωι
    المدير العام

    المدير العام

    ~][ الدولة ][~ : السعودية
    ~][ الجنس ][~ : ذكر
    ~][ الهواية ][~ ~][ الهواية ][~ : رياضة
    ~][ المُزاجَ ][~ : كول
    ~][ عدد المساهمات ][~ : 180
    ~][ نقاط التميز ][~ : 2637
    ~][ السٌّمعَة ][~ : 11
    ~][ تاريخ التسجيل ][~ : 16/09/2011
    ~][ العمر ][~ : 24
    ~][ الموقع ][~ ~][ الموقع ][~ : داخل القلب
    ~][ الترفيه ][~ ~][ الترفيه ][~ : ىخ
    ~][ الأوسمة ][~ : وسام التكريم
    ~][ دعـــاء ][~ :
    ~][ تعاليق ][~ :

    كود css لعمل تاثير جميل على ارقام صفحات في المواضيع

    مُساهمة  ηмσσяι フє∂∂αωι في السبت أكتوبر 29, 2011 1:01 am

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

    [css]لعمل تاثير جميل على ارقام صفحات في المواضيع
    عملنا لكم اكثر من شكل

    الشكل الاول
    صوره توضيحيه



    الكود

    الكود:
        .pagination {
            background-color:#fff;
            color:#48b9ef;
            padding:10px 0 10px 0;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            text-align:right;
        }

        .pagination a {
            color:#48b9ef;
            padding:2px 5px;
            margin:0 2px;
            text-decoration:none;
            border:2px solid #f0f0f0;
        }

        .pagination a:hover, div.pagination a:active {
            border:2px solid #ff5a00;
            color:#ff5a00;
        }

        .pagination span.current {
            padding:2px 5px;
            border:2px solid #ff5a00;
            color:#fff;
            font-weight:bold;
            background-color:#ff6c16;
        }
        .pagination span.disabled {
            display:none;
        }







    الشكل 2:




    الكود

    الكود:
        \\--------alngmgold ------\\
        div.pagination {
                padding: 3px;
                margin: 3px;
                text-align:center;
                font-family:Tahoma,Helvetica,sans-serif;
                font-size:.85em;
            }
         
            .pagination a {
                border: 1px solid #ccdbe4;
                margin-right:3px;
                padding:2px 8px;

                background-position:bottom;
                text-decoration: none;

                color: #0061de;     
            }
            .pagination a:hover, div.pagination a:active {
                border: 1px solid #2b55af;
                background-image:none;
                background-color:#3666d4;
                color: #fff;
            }
            .pagination span.current {
                margin-right:3px;
                padding:2px 6px;
             
                font-weight: bold;
                color: #000;
            }
            .pagination span.disabled {
                display:none;
            }
            .pagination a.next{
                border:2px solid #ccdbe4;
                margin:0 0 0 10px;
            }
            .pagination a.next:hover{
                border:2px solid #2b55af;
            }
            .pagination a.prev{
                border:2px solid #ccdbe4;
                margin:0 10px 0 0;
            }
            .pagination a.prev:hover{
                border:2px solid #2b55af;
            }







    الشكل 3:




    الكود

    الكود:
        \\--------alngmgold ------\\

        .pagination {
                padding: 3px;
                margin: 3px;
                text-align:center;
            }
         
            .pagination a {
                border: 1px solid #dedfde;
                margin-right:3px;
                padding:2px 6px;

                background-position:bottom;
                text-decoration: none;

                color: #99210B;
            }
            .pagination a:hover, div.pagination a:active {
                border: 1px solid #000;
                background-image:none;
                background-color:#777777;
                color: #fff;
            }
            .pagination span.current {
                margin-right:3px;
                padding:2px 6px;
             
                font-weight: bold;
                color: #99210B;
            }
            .pagination span.disabled {
                margin-right:3px;
                padding:2px 6px;
         
                color: #adaaad;
            }







    ملحوظه

    الاكواد تعمل على النسخ
    phpBB2
    phpBB3
    Invision

    لاكن لاتعمل على النسخه
    PunBB



    بالتوفيق

      الوقت/التاريخ الآن هو الإثنين ديسمبر 11, 2017 9:28 pm