عالم التقنية
كود لعمل تاثير جميل على ارقام صفحات في المواضيع Six70210
عالم التقنية
كود لعمل تاثير جميل على ارقام صفحات في المواضيع Six70210
عالم التقنية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

عالم التقنية

افلام عربي | افلام اجنبي | اغاني | شعبي | كليبات |مسلسلات | افلام تاريخية | افلام انمي وكرتون | قضايا ساخنة | برامج
 
الرئيسيةأحدث الصورمركز التحميلالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
الادارة
الادارة
admin


عادى الجنسية : مصر
عدد المساهمات : 362
تاريخ التسجيل : 24/06/2011
العمر : 32

كود لعمل تاثير جميل على ارقام صفحات في المواضيع Empty
مُساهمةموضوع: كود لعمل تاثير جميل على ارقام صفحات في المواضيع   كود لعمل تاثير جميل على ارقام صفحات في المواضيع Emptyالسبت 10 ديسمبر - 10:29

[css]لعمل تاثير جميل على ارقام صفحات في المواضيع
عملنا لكم اكثر من شكل
الشكل الاول
صوره توضيحيه
كود لعمل تاثير جميل على ارقام صفحات في المواضيع Osa_110
https://i.servimg.com/u/f40/12/50/61/71/osa_110.jpg
الكود
الكود:
    .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:
كود لعمل تاثير جميل على ارقام صفحات في المواضيع Osa210
https://i.servimg.com/u/f40/12/50/61/71/osa210.jpg
الكود
الكود:
    \\--------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:
كود لعمل تاثير جميل على ارقام صفحات في المواضيع Osa_310
https://i.servimg.com/u/f40/12/50/61/71/osa_310.jpg
الكود
الكود:
\\--------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
بالتوفيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود لعمل تاثير جميل على ارقام صفحات في المواضيع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
» كود لعمل عبارة "لا تضع أبداً ايميل ..الخ" بدون تومبلايت
» كود لوضع اطأر للرئيسيه وداخل المواضيع بشكل جميل جدا للنسخه (invision)
» كود مسميات المنتدى بشكل دائري مع تاثير عند مرور الماوس
» وضع صورة كخلفية لاسماء الفئات وعنوان المواضيع

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