منتــــــــــــــــدى السفــــــــــــــــير
السلام عليكم ورحمة الله وبركاته ,,,,,,,,, مرحبا بك أخي الزائر الكريم أو أختي الزائرة الكريمة . انضمامك إلينا في منتداكم يسعدنا كثيرا,,,,, مع تحيات أخيكم / محمد علي رمضان

انضم إلى المنتدى ، فالأمر سريع وسهل

منتــــــــــــــــدى السفــــــــــــــــير
السلام عليكم ورحمة الله وبركاته ,,,,,,,,, مرحبا بك أخي الزائر الكريم أو أختي الزائرة الكريمة . انضمامك إلينا في منتداكم يسعدنا كثيرا,,,,, مع تحيات أخيكم / محمد علي رمضان
منتــــــــــــــــدى السفــــــــــــــــير
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
منتــــــــــــــــدى السفــــــــــــــــير

إسلامي - إجتماعي - ثقافي - أغاني - ألعاب - برامج كمبيوتر - برامج موبايل - صـــور

  • التسجيل
  • الرئيسية
  • أحدث الصور
  • البوابة
  • دخول
***  منتدى السفير يرحب بكم في منتداكم ويتمنى لكم قضاء أطيب الأوقات  ***

أوجه عناية الأعضاء والزوار الكرام أنني قد أنشأت منتدى جديد يسمى منتدى مرمر به كل مايسركم فشرفونا وتصفحوا أقسامه فإن اعجبكم يسعدني انضمامكم اليه وانا معظم وقتي فيه والاهتمام كله له وهو على الرابط التالي مع تحيات أخوكم - محمد علي رمضان اضغط هنا للذهاب لمنتدى مرمر
Loading...

كود CSS لعمل تأثير رائع على أرقام صفحات المواضيع متعددة الصفحات

منتــــــــــــــــدى السفــــــــــــــــير ::  أكواد منتديات أحلى منتدى ahlamontada  :: أكواد خاصة بمنتديات أحلى منتدى "ahlamontada"

اذهب الى الأسفل

كود CSS لعمل تأثير رائع على أرقام صفحات المواضيع متعددة الصفحات Empty كود CSS لعمل تأثير رائع على أرقام صفحات المواضيع متعددة الصفحات

مُساهمة من طرف محمد علي رمضان الأحد 03 يونيو 2012, 3:41 pm

كود 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"

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى