منتدى الدعم و المساعدة لأحلى المنتديات
دعم أحلى منتدى
تتبع أخبار أحلى منتدى
حلول واقتراحات لشراء اعتمادات احلى منتدى
منتدى الدعم و المساعدة لأحلى المنتديات
::
أحلى منتدى
::
::
التقنيات المتقدمة
::
الأكواد الإنسيابية CSS
[css] لعمل تاثير جميل على ارقام صفحات في المواضيع
كاتب الموضوع
رسالة
النجم الذهبى
عدد المساهمات
:
19882
معدل النشاط
:
20770
السُمعة
:
153
موضوع: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع
السبت 20 أغسطس 2011 - 15:53
السلام عليكم ورحمة الله وبركاته
[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
بالتوفيق
النجم الذهبى
عدل سابقا من قبل النجم الذهبى في الإثنين 29 أغسطس 2011 - 13:00 عدل 1 مرات
أعجبني
لم يعجبني
[css] لعمل تاثير جميل على ارقام صفحات في المواضيع
صفحة
1
من اصل
1
مواضيع مماثلة
مواضيع مماثلة
»
كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
»
طلب كود ارقام صفحات المواضيع للجوال
»
كودعمل تاثير على ارقام الصفحات لا يعمل على النسخه phpbb2
»
مطلوب خبرة لعمل كود تاثير الصور هذا
»
اقتراح لعمل صفحات الهتمل رئيسيه عبر الهاتف
صلاحيات هذا المنتدى:
لاتستطيع
الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات
::
أحلى منتدى
::
::
التقنيات المتقدمة
::
الأكواد الإنسيابية CSS
منتدى الدعم و المساعدة لأحلى المنتديات
::
أحلى منتدى
::
::
التقنيات المتقدمة
::
الأكواد الإنسيابية CSS
انتقل الى:
اختر منتدى
|
|--أحلى منتدى
| |--
| | |--الإشعارات و الأخبار
| | |--القواعد الذهبية للمنتدى و فريق منتدى الدعم
| |
| |--
| |--الأســئلة الشائعة
| |--التقنيات المتقدمة
| |--أكواد HTML
| |--الأكواد الإنسيابية CSS
| |--أكواد الجافا إسكريبت JAVA
| |--أكواد التومبلايت
| |--تقنيات أخرى
|
|--منتدى الدعم والمساعدة
| |--مشاكل في فتح المنتدى أو الوصول أو الدخول إليه
| | |--مشاكل فقدان كلمة السر الخاصة بالإدارة أو الصيانة
| | |--أرشيف قسم "مشاكل في فتح المنتدى"
| |
| |--مشاكل في لوحة الإدارة أو الأعضاء أو الخيارات العامة للمنتدى
| | |--أرشيف قسم "مشاكل في لوحة الإدارة"
| |
| |--مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى
| | |--أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
| |
| |--مشاكل العروض المدفوعة, النطاقات الشخصية الإحترافية,الاعتمادات و باقي الخصائص المدفوعة
| | |--أرشيف قسم "دعم النطاقات الشخصية"
| |
| |--دعم مشاكل التومبلايت و الأكواد
| | |--أرشيف قسم "مشاكل التومبلايت و الأكواد"
| |
| |--قسم المشاكل الأخرى
| | |--أرشيف قسم "المشاكل الأخرى"
| |
| |--قسم صيانة و تتبع المشاكل التقنية العامة
| |--أرشيف الصيانة
|
|--أحلى الخدمات
| |--خدمات التصميم و الإبداع
| | |--ورشة تصميم الإستايلات الكاملة
| | |--ورشة تصميم الواجهات
| | |--ورشة تصميم الرتب و الأوسمة
| | |--ورشة تصميم البانيرات الاعلانية
| | |--ورشة تصميم ازرار المنتدى
| | |--ورشة التصميم الخط الحر
| | |--ورشة التصاميم الأخرى
| | |--ارشيف الطلبات
| |
| |--ابداع الاعضاء و ملحقات التصميمية للمواقع
|
|--المنتدى العام
|--قسم الحوار والنقاش
|--مسابقات احلى منتدى
|--منتدى الإقتراحات
| |--إقترحات قيد الدراسة
| |--أرشيف الإقتراحات
| |--الإقتراحات المرفوضة
| |--الإقتراحات المقبولة
|
|--سلة المهملات