منتدى قبيلة البشايره والعرافين الرسمى -من العضيان

عفواًً تم نقل المنتدى على الرابط لتالي http://albshaerh.com/vb/index.php
 
http://pesh.amuالرئيسيةس .و .جالتسجيلدخول

 

 


شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
ابن بشير
المدير العام
المدير العام
avatar

الساعه الان :
ذكر
عدد المساهمات : 300
نقاط : 2974
السٌّمعَة : 3
12/12/1989
تاريخ التسجيل : 06/11/2011
العمر : 28
الموقع : في اعلى القمم

تقييمك للمنتدى
تواجدك في المنتدى:
74/105  (74/105)

مُساهمةموضوع: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع    الثلاثاء يناير 10, 2012 4:20 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



بالتوفيق
النجم الذهبى
الموضوع منقول من الدعم والمساعدة




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

avatar

الساعه الان :
ذكر
عدد المساهمات : 503
نقاط : 2854
السٌّمعَة : 1
14/08/1989
تاريخ التسجيل : 25/05/2012
العمر : 29

مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع    الثلاثاء يونيو 12, 2012 9:55 pm

شكرا لك اخي على الكود وجزاك الله خير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ابو عتب
مراقب عام
مراقب عام
avatar

الساعه الان :
عدد المساهمات : 633
نقاط : 3359
السٌّمعَة : 1
تاريخ التسجيل : 06/11/2011

تقييمك للمنتدى
تواجدك في المنتدى:
105/105  (105/105)

مُساهمةموضوع: رد: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع    الثلاثاء يونيو 12, 2012 10:05 pm

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

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