كود تطوير شكل عدد صفحات المواضيع ~

قم بتسجيل الدخول للرد

Mahmoud Soltan

K!M0

Time2DaY2

أميرة

8 مشترك

SHABAB TALANTED :: ركن أكواد انسيابية css

كود تطوير شكل عدد صفحات المواضيع ~ الثلاثاء مارس 12, 2013 2:33 pm

♥♥[ ورقة الـ CSS ] كود تطوير شكل عدد صفحات المواضيع ~♥♥
بسم الله الرحمان الرحيم
السلام عليكم و رحمة الله و بركاته

اليوم كود تطوير شكل عدد الصفحات يمكن شفت ذا الكود في منتدى أخر
للي يبحث عن الكود أو للي أول مرة تشوفه

صورة

صورة لشكل الموضوع مع الكود

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

https://i.servimg.com/u/f48/15/18/80/99/eiaa_u14.jpg

الكود

/*----- كود تطوير عدد الصفحات من مملكة الأميرات -----*/
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;
}

من alngmgold