كود CSS لعمل تأثير رائع على أرقام صفحات المواضيع متعددة الصفحات
منتــــــــــــــــدى السفــــــــــــــــير :: أكواد منتديات أحلى منتدى ahlamontada :: أكواد خاصة بمنتديات أحلى منتدى "ahlamontada"
صفحة 1 من اصل 1
كود CSS لعمل تأثير رائع على أرقام صفحات المواضيع متعددة الصفحات
من طرف محمد علي رمضان الأحد 03 يونيو 2012, 3:41 pm
كود CSS لعمل تأثير رائع على أرقام صفحات المواضيع متعددة الصفحات
الاكواد تعمل على النسخ
phpBB2
phpBB3
Invision
لكن الكود لايعمل على النسخه
PunBB
الشكل الاول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
طريقة التركيب :
لوحة الادارة > مظهر المنتدى > الصور والالوان > ألوان > ورقة تصميم CSS > الصق الكود > اضغط على كلمة " قدم "
الشكل الثاني
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
طريقة التركيب :
لوحة الادارة > مظهر المنتدى > الصور والالوان > ألوان > ورقة تصميم CSS > الصق الكود > اضغط على كلمة " قدم "
الشكل الثالث
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
طريقة التركيب :
لوحة الادارة > مظهر المنتدى > الصور والالوان > ألوان > ورقة تصميم CSS > الصق الكود > اضغط على كلمة " قدم "
الاكواد تعمل على النسخ
phpBB2
phpBB3
Invision
لكن الكود لايعمل على النسخه
PunBB
الشكل الاول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
طريقة التركيب :
لوحة الادارة > مظهر المنتدى > الصور والالوان > ألوان > ورقة تصميم 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;
}
الشكل الثاني
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
طريقة التركيب :
لوحة الادارة > مظهر المنتدى > الصور والالوان > ألوان > ورقة تصميم CSS > الصق الكود > اضغط على كلمة " قدم "
- الكود:
\--------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;
الشكل الثالث
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
طريقة التركيب :
لوحة الادارة > مظهر المنتدى > الصور والالوان > ألوان > ورقة تصميم CSS > الصق الكود > اضغط على كلمة " قدم "
- الكود:
\--------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;
}
محمد علي رمضان- أســـــــــــــــرة الإدارة
-
عدد المساهمات : 2936
تاريخ التسجيل : 03/10/2011
منتــــــــــــــــدى السفــــــــــــــــير :: أكواد منتديات أحلى منتدى ahlamontada :: أكواد خاصة بمنتديات أحلى منتدى "ahlamontada"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى