يـآآهلـآ ولله . . ~

منوورهـ المنتدى . . ~

اذا كنتي زآئرهـ فنتمنى تسجيليك . . ~

واذا كنتي عضوهـ عندا نتمنى دخولك . . ~

[color=red]ادآرهـ المنتدى :( [/color


 
الرئيسيةعيد سعيدالتسجيلدخول


شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Ƞoussa
المًلڪـﮧ
المًلڪـﮧ


♥|عًدد مشآاركتي : 1173
♥|عًمري : 21

مُساهمةموضوع: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   الأحد ديسمبر 11, 2011 11:07 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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ashely
نشَيطـﮧ
نشَيطـﮧ
avatar

♥|عًدد مشآاركتي : 178
♥|عًمري : 22

مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   الأحد ديسمبر 11, 2011 11:08 am

مرحبآآ
يا قًمر ايشً هاذذ؟؟ موضوع رووعه
والله مافي زيًوو
يعطًييك ألفً عآفيًه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Ƞoussa
المًلڪـﮧ
المًلڪـﮧ


♥|عًدد مشآاركتي : 1173
♥|عًمري : 21

مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   الإثنين فبراير 06, 2012 9:49 am

منًنًورين طلًتكًكًم أحًحًلى آآ

الرجوع الى أعلى الصفحة اذهب الى الأسفل
ريم
جديدًه
جديدًه
avatar

♥|عًدد مشآاركتي : 60

مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع   الإثنين يوليو 23, 2012 3:35 pm



مشكوره اختي على الطرح الرائع

منها للاعلى تقبلي مروري مع خالص

امنياتي لج بالتوفيق والنجاح




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

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