منتديات التقنية
[css] لعمل تاثير جميل على ارقام صفحات في المواضيع 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا [css] لعمل تاثير جميل على ارقام صفحات في المواضيع 829894
ادارة المنتدي [css] لعمل تاثير جميل على ارقام صفحات في المواضيع 103798
منتديات التقنية
[css] لعمل تاثير جميل على ارقام صفحات في المواضيع 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا [css] لعمل تاثير جميل على ارقام صفحات في المواضيع 829894
ادارة المنتدي [css] لعمل تاثير جميل على ارقام صفحات في المواضيع 103798
منتديات التقنية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةالرئيسية  برامج مجانيةبرامج مجانية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
fras adel
نائب المدير
نائب المدير
fras adel


عدد المساهمات : 224
تاريخ التسجيل : 22/07/2011
العمر : 26

[css] لعمل تاثير جميل على ارقام صفحات في المواضيع Empty
مُساهمةموضوع: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   [css] لعمل تاثير جميل على ارقام صفحات في المواضيع Emptyالجمعة سبتمبر 02, 2011 4:17 am

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

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

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


[css] لعمل تاثير جميل على ارقام صفحات في المواضيع Image2tna
الكود:
.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:

[css] لعمل تاثير جميل على ارقام صفحات في المواضيع Image4ic
الكود:
\\--------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:
[css] لعمل تاثير جميل على ارقام صفحات في المواضيع Image5qe

الكود:
\\--------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



بالتوفيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Noon Adel

Noon Adel


عدد المساهمات : 77
تاريخ التسجيل : 08/08/2011

[css] لعمل تاثير جميل على ارقام صفحات في المواضيع Empty
مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   [css] لعمل تاثير جميل على ارقام صفحات في المواضيع Emptyالثلاثاء سبتمبر 06, 2011 11:41 am

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[css] لعمل تاثير جميل على ارقام صفحات في المواضيع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود [css] لعمل تاثير جميل على ارقام صفحات في المواضيع
» جديد - كود ضبط عرض صفحات المنتدى - منتديات التقنية
» كود لتعريب صفحات html
» كود CSS وضع صورة كخلفية لاسماء الفئات وعنوان المواضيع
» كود وضع اعلانات جوجل اعلى المواضيع (تومبيلات)

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات التقنية :: التقنيات المتقدمة ودعم منتديات Ahlamontada :: الأكواد الإنسيابية CSS-
انتقل الى: