منتدي القماطي
اهلا وسهلا بيك فى منتدي القماطي يتوجب عليك التسجيل حتي تنعم بكل مميزات المنتدي نتمنا لك قضاء وقت ممتع

تنبيه هناك اكثر من رابط لايطهر الا بعد التسجيل وعندما تكون زائر فماكن الرابط سيطل فارغ
زيارتك تفرحنا تسيجلك يهمنا تحياتي...
منتدي القماطي
اهلا وسهلا بيك فى منتدي القماطي يتوجب عليك التسجيل حتي تنعم بكل مميزات المنتدي نتمنا لك قضاء وقت ممتع

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



 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  الدردشه  العاب المنتدي  التسجيلالتسجيل  دخولدخول  
زوارنا الكرام لقد تم فتح قسم خاص للزوار ويتم وضع في هدا القسم اي موضوع وسيتم نقل الموضوع الي القسم المناسب من قبل المشرفون

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
ELGOMATE
Admin
Admin
ELGOMATE


عدد المساهمات : 765
نقاط : 2414
تاريخ التسجيل : 27/02/2011
العمر : 33

 [css] لعمل تاثير جميل على ارقام صفحات في المواضيع Empty
مُساهمةموضوع: [css] لعمل تاثير جميل على ارقام صفحات في المواضيع    [css] لعمل تاثير جميل على ارقام صفحات في المواضيع Emptyالأحد سبتمبر 11, 2011 2:28 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



بالتوفيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://2012.jordanforum.net
 
[css] لعمل تاثير جميل على ارقام صفحات في المواضيع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شعر جميل لي نزارا قباني
» برنامج لتصميم صفحات ومواقع النت المميز
» لقراءة نصوص صفحات الانترنت و التعديل عليه
»  برنامج Easy GIF Animator 5.2 Pro لعمل الصور المتحركة مع الشرح والتعريب الحصري
» (تومبلايت)كود "اكثر المواضيع نشاطا" الذي طال انتظاره

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدي القماطي :: წ۩ঔღঔقسم تطوير المواقع والمنتدياتწ۩ঔღঔ :: أكواد CSS-
انتقل الى: