الرئيسيةالرئيسية  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | .
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Prince Mo3taz
المـديـر العـــام
المـديـر العـــام
avatar

الجنس ذكر
عدد المساهمات : 1282
نشاطى : 20945
عندى كام سنة : 25
احترام القوانين
تم التعاقد : 02/03/2010

اوسمة
 : مدير دودى المبدع

مُساهمةموضوع: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   الخميس أكتوبر 27, 2011 4:42 am

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

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


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

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

الكود:
\\--------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://www-dody.7olm.org
khalid-net
عضو نشيط
عضو نشيط
avatar

الجنس ذكر
عدد المساهمات : 451
نشاطى : 12974
عندى كام سنة : 25
احترام القوانين
تم التعاقد : 06/02/2012

مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   الجمعة مارس 16, 2012 1:59 am

مشكور على الكود الرائع
بانتظار المزيد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://mj6s.forumotion.com/
Pr!NcE MaX
عضو نشيط
عضو نشيط
avatar

الجنس ذكر
عدد المساهمات : 274
نشاطى : 12075
احترام القوانين
تم التعاقد : 27/06/2012

مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   الخميس يونيو 28, 2012 11:36 am

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


بارك الله فيك اخي الكريم

على هذا الكود الرائع والمميز والجميل و المفيد

وفقك الله واستمر

واصل بدون فواصل ~~



10/10

وتقبل تحياتي

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




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

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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