Bibliotutos
29 julio 2009
Codigo paginacion.
Codigo Paginación (Editar Links #) Código:
<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ .pagination{ padding: 2px; } .pagination ul{ margin: 0; padding: 0; text-align: left; /*Set to "right" to right align pagination interface*/ font-size: 16px; } .pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; } .pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; } .pagination a:hover, .pagination a:active{ border: 1px solid #2b66a5; color: #000; background-color: #FFFF80; } .pagination a.currentpage{ background-color: #2e6ab1; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default; } .pagination a.disablelink, .pagination a.disablelink:hover{ background-color: white; cursor: default; color: #929292; border-color: #929292; font-weight: normal !important; } .pagination a.prevnext{ font-weight: bold; } </style> Codigo Paginación (Editar Links #) Código: <div class="pagination"><ul><li><a href="#" _fcksavedurl="#" class="prevnext disablelink">« previous</a></li> <li><a href="#" _fcksavedurl="#" class="currentpage">1</a></li> <li><a href="#" _fcksavedurl="#">2</a></li> <li><a href="#" _fcksavedurl="#">3</a></li> <li><a href="#" _fcksavedurl="#">4</a></li> <li><a href="#" _fcksavedurl="#">5</a></li> <li><a href="#" _fcksavedurl="#">6</a></li> <li><a href="#" _fcksavedurl="#">7</a></li> <li><a href="#" _fcksavedurl="#">8</a></li> <li><a href="#" _fcksavedurl="#">9</a>...</li> <li><a href="#" _fcksavedurl="#">15</a></li> <li><a href="#" _fcksavedurl="#">16</a></li> <li><a href="#" _fcksavedurl="#" class="prevnext">next »</a></li> </ul></div>
Quedaria asi:
« previous
1
2
3
4
5
6
7
8
9
...
15
16
next »
No hay comentarios:
Publicar un comentario
Entrada más reciente
Entrada antigua
Inicio
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario