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

منتدى التصميم والاشهار العربي

آسًـمِ يّتُردُدُ وِثًـقَة تُتُجَ ـدُدُ ... فمن لديه الرغبة التسجيل في المساعدين / الدعم الفنى / التطوير والاشهار / خبراء الأكواد / صيانة المنتديات ...
 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

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




عدد المساهمات : 183
تاريخ التسجيل : 01/10/2012

 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع Empty
مُساهمةموضوع: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع    [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالإثنين نوفمبر 12, 2012 10:42 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




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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى التصميم والاشهار العربي :: تطوير المنتديات :: تطوير المنتديات :: اكواد css-
انتقل الى:  
المواضيع الأخيرة
» شات اهل مصر , دردشة اهل مصر , من هنـــا
 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالإثنين يوليو 13, 2015 7:22 am من طرف Mobham

» شات اهل الجزائر , دردشة اهل الجزائر , من هنـــا
 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالإثنين يوليو 13, 2015 7:21 am من طرف Mobham

» اطلب رمزية احترافية مع الابداع العربي
 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالجمعة مارس 13, 2015 11:32 pm من طرف ابن النيل

» منتدى انور ابو البصل الاسلامي
 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالجمعة ديسمبر 19, 2014 1:25 pm من طرف صبر جميل

» اضف موقعك في دليل المواقع
 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالجمعة أغسطس 22, 2014 6:08 am من طرف صبر جميل

» فضل الصلاة على رسول الله صلى الله عليه وسلم
 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالجمعة أغسطس 22, 2014 6:05 am من طرف صبر جميل

» SEO Egypt, Search Engine Optimization (SEO)
 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالجمعة أغسطس 22, 2014 6:04 am من طرف صبر جميل

» ابغا جواب سريع سؤال
 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالأربعاء يناير 15, 2014 4:28 am من طرف Admin

» أرقى تصميمات وطباعة البوب اب|سي ثرو|فينيل سيارات|روول اب|تصميم الشعارأو اللوجو
 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع I_icon_minitimeالثلاثاء يناير 14, 2014 7:43 pm من طرف Admin