![[css]لعمل تاثير جميل على ارقام صفحات في المواضيع (2) Ouuo_u10](https://2img.net/h/www.mjug.org/wp-content/uploads/2011/11/ouuo_u10.jpg)
![[css]لعمل تاثير جميل على ارقام صفحات في المواضيع (2) Empty](https://2img.net/i/empty.gif)
[css]لعمل تاثير جميل على ارقام صفحات في المواضيع
عملنا لكم اكثر من شكل
والتكملة للموضوع الأول
الشكل 2:
![[css]لعمل تاثير جميل على ارقام صفحات في المواضيع (2) Osa210](https://i.servimg.com/u/f40/12/50/61/71/osa210.jpg)
ملحوظه
الاكواد تعمل على النسخ
phpBB2
phpBB3
Invision
لاكن لاتعمل على النسخه
PunBB
بالتوفيق
عملنا لكم اكثر من شكل
والتكملة للموضوع الأول
الشكل 2:
الكود:
\\--------شركة بن شرابي التطويرية ------\\
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;
}ملحوظه
الاكواد تعمل على النسخ
phpBB2
phpBB3
Invision
لاكن لاتعمل على النسخه
PunBB
بالتوفيق