معهد الدعم العربي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
المواضيع الأخيرة
» [ Template ] كود اخر 20 موضوع و أفضل 10 أعضاء بلمنتدى و مع معرض لصور كالفي بي
من طرف naruto101 الجمعة ديسمبر 05, 2014 2:33 pm

» [Javascript]حصريا كود يقوم بتنبيه العضو بان رده قصير
من طرف احمد السويسي الخميس أغسطس 28, 2014 2:38 am

» نتائج شهادة البكالوريا 2014
من طرف menimeVEVO الثلاثاء يونيو 10, 2014 3:55 am

» من اعمالي موديلات جديدة وحصرية 2012
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 5:37 pm

» من ابداعات ساندرا،كما وعدتكم بعض من موديلاتها
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 4:49 pm

» قندوووووووورة جديدة تفضلواا
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 4:23 pm

» طلب صغير لو سمحتو
من طرف hothifa الإثنين ديسمبر 23, 2013 9:11 pm

» الان فقط وحصريا (استايل واند الالكتروني متعدد الالوان)
من طرف AGILIEDI الإثنين ديسمبر 23, 2013 8:34 pm

» جديد موديلات فساتين البيت بقماش القطيفة 2012 - تصاميم قنادر الدار بأشكال جديدة و قماش القطيفة - صور قنادر جزائرية
من طرف hadda32 الأحد ديسمبر 08, 2013 12:16 pm

» [Template] استايل منتدى سيدي عامر 2012
من طرف ßLẫĆҜ ĈĄŦ الأربعاء نوفمبر 20, 2013 6:46 pm

سحابة الكلمات الدلالية


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

4 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف روح الصداقة الإثنين مايو 07, 2012 12:30 am

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

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




بالتوفيق
روح الصداقة
روح الصداقة

عدد المساهمات : 697
نقاط : 1691
السٌّمعَة : 0
تاريخ التسجيل : 04/05/2012

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف FlasH G!F الأربعاء مايو 09, 2012 2:39 pm

شكرا لكـ استمر
FlasH G!F
FlasH G!F

عدد المساهمات : 855
نقاط : 1481
السٌّمعَة : 0
تاريخ التسجيل : 04/05/2012

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف heshamVirus الخميس مايو 10, 2012 1:30 am

الف شكر على الكود المميز جدا
:face:
heshamVirus
heshamVirus

عدد المساهمات : 617
نقاط : 631
السٌّمعَة : 0
تاريخ التسجيل : 04/05/2012
الموقع : فى البيت

http://nekashatspacetoon.yoo7.com/forum

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف elhabib89 الإثنين مايو 28, 2012 8:58 am

شكرا لك على الكود أخي

جزاك الله كل خير

في انتظار المزيد
elhabib89
elhabib89

عدد المساهمات : 769
نقاط : 1082
السٌّمعَة : 1
تاريخ التسجيل : 24/05/2012
العمر : 32

http://bibo89.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى