كرم ابوخليل
عضو جديد
عدد المساهمات : 10
مساهمه مشكوره : 0
تاريخ التسجيل : 09/06/2010
 | موضوع: لعمل تاثير جميل على ارقام صفحات في المواضيع وبأكثر من شكل  الإثنين ديسمبر 19, 2011 2:36 pm | |
| لعمل تاثير جميل على ارقام صفحات في المواضيع وبأكثر من شكل, لعمل تاثير جميل على ارقام صفحات في المواضيع وبأكثر من شكل لعمل تاثير جميل على ارقام صفحات في المواضيع وبأكثر من شكل, لعمل تاثير جميل على ارقام صفحات في المواضيع وبأكثر من شكل تاثير جميل على ارقام صفحات في المواضيع,بأكثر من شكل,كود,سى سى,تاثير جميل على ارقام صفحات في المواضيع,بأكثر من شكل,كود,سى سى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] السلام عليكم ورحمة الله وبركاته
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[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 بالتوفيق
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] | |
|
redazedan
عضو vip
 الدوله : 
عدد المساهمات : 348
مساهمه مشكوره : 0
تاريخ التسجيل : 09/03/2013
| | موضوع: _da3m_15 الإثنين فبراير 24, 2014 5:31 pm | |
| | |
|
