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

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

حفظ البيانات؟
الرئيسية
التسجيل
فقدت كلمة المرور
البحث فى المنتدى


الرئيسيةالعاب فلاشبحـثالتسجيلدخول
حصرياتنا

حصرياً ولي اول مره اطلب اي ستايل تومبيلات لي اي منتدي عالمي اطلب ستايل فرسان الاشهار الجديد ولكثير ولكثير


شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
ŽД¢Ҝ ϐяŒτŦ
اللقب:
صاحب الشركة
الرتبه:
صاحب الشركة
الصورة الرمزية

avatar

البيانات
احترام قوانين الشركــــــة :
شركة امنياتكم التطويرية
مساهماتكــ :
958
نقاطـــي :
1865
السٌّمعَة :
21
تاريخ الميلاد :
15/03/1997
تاريخ التسجيل :
22/09/2011

الساعة الان

الإتصالات
الحالة:
تجدني في:
معاينة صفحة البيانات الشخصي للعضو http://amniatkm.forumarabia.com
مُساهمةموضوع: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   الأحد ديسمبر 18, 2011 11:16 am

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

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


الكود

الكود:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td class="code">
  .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;
}

</td></tr></table>

الشكل 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:

الكود:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>
</td></tr><tr><td class="code">
  \--------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;
    }

</td></tr></table>
 

ملحوظه
الاكواد تعمل على النسخ
phpBB2
phpBB3
Invision

لاكن لاتعمل على النسخه
PunBB




بالتوفيق
النجم الذهبى
الموضوع منقول من الدعم والمساعدة
اخر مواضيع :ŽД¢Ҝ ϐяŒτŦ



ŽД¢Ҝ ϐяŒτŦتوقيعك يا .: في شركة ريكس هوست







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://amniatkm.forumarabia.com
المعلومات
الكاتب:
Mcdreamy
اللقب:
عضو مبدع
الرتبه:
عضو مبدع
الصورة الرمزية

avatar

البيانات
احترام قوانين الشركــــــة :
شركة امنياتكم التطويرية
مساهماتكــ :
98
نقاطـــي :
148
السٌّمعَة :
0
تاريخ الميلاد :
10/05/1997
تاريخ التسجيل :
19/10/2011

الساعة الان

الإتصالات
الحالة:
تجدني في:
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   السبت يناير 21, 2012 9:40 pm

اخر مواضيع :Mcdreamy



Mcdreamyتوقيعك يا .: في شركة ريكس هوست
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
المعلومات
الكاتب:
عثمان
اللقب:
نائب المدير
الرتبه:
نائب المدير
الصورة الرمزية

avatar

البيانات
احترام قوانين الشركــــــة :
شركة امنياتكم التطويرية
مساهماتكــ :
212
نقاطـــي :
234
السٌّمعَة :
0
تاريخ الميلاد :
03/02/1998
تاريخ التسجيل :
11/01/2012

الساعة الان

الإتصالات
الحالة:
تجدني في:
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   الأحد يناير 22, 2012 1:50 pm

الف شكرااا اخي
اخر مواضيع :عثمان



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

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

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

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

 

RSS RSS 2.0 XML MAP HTML

Powered by amniatkm ® Version 2
Copyright © 2011
.:: جميع الحقوق محفوظة لشركة ريكس هوست © ::.
ريكس هوست التطويرية غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
»» فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه التعليقات المنشورة لا تعبر عن رأي شركة ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

© phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | مدونة مجانية