ملتقى الإبداع العربي
أهلا وسهلا بك يا زائرنا الكريم,
نتمنى منك التسجيل والمشاركة في هذا المنتدى المتميز,
والمشاركة بالمسابقات المواضيع الجميلة,
ماذا تنتظر؟
هيار شارك بسرعة !
ملتقى الإبداع العربي
أهلا وسهلا بك يا زائرنا الكريم,
نتمنى منك التسجيل والمشاركة في هذا المنتدى المتميز,
والمشاركة بالمسابقات المواضيع الجميلة,
ماذا تنتظر؟
هيار شارك بسرعة !
ملتقى الإبداع العربي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



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

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
قناص العرب
...::| عضو جديد |::...
قناص العرب


الدولة : [css] لعمل تاثير جميل على ارقام صفحات في المواضيع My_own22
عدد المشاركات : 40
نقاط المشاركة : 118
تاريخ التسجيل تاريخ التسجيل : 08/10/2011
[css] لعمل تاثير جميل على ارقام صفحات في المواضيع Ffffd

[css] لعمل تاثير جميل على ارقام صفحات في المواضيع Empty
مُساهمةموضوع: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالسبت أكتوبر 08, 2011 4:50 pm

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

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

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:

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:

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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://............
 
[css] لعمل تاثير جميل على ارقام صفحات في المواضيع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» للتحكم بنوع الخط بالمساهمات وحجم المواضيع والمشاركات
» كود المواضيع الاخيره
»  كود جافا سكرت_ كود لعمل زلزال اي اهتزاز في الصفحه
» حصريا كود css لعمل عبارة "لا تضع أبداً ايميل ..الخ" بدون تومبلايت
» [css] لعمل خاصية تمرير الماوس للآكواد للحفاظ علي مظهر المنتدي

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