Enumeracion de Paginas - horizontal -

Ir abajo

Ir al ultimo mensaje Enumeracion de Paginas - horizontal -

Mensaje por Gamexcheats el Jue Ago 12, 2010 7:44 pm

Esto Sirve Para Agregar unos Botones para el numero de pagina muy practico para los quie tienen mucho teoria Razz

Explicacion_:

class="prevnext disablelink" :
Esto Sirve Para Bloquear el Link del Boton "Anterior" o "Siguiente"

class="prevnext" :
Esto es el link Funcione normalmente en los botones "Anterior" o "Siguiente"

class="currentpage" :
Esto se le pone al Numero de Pagina en la que se encuentra Para Evitar que se equivoque y valla a la misma pagina


Este es el Style:
Código:

<style type="text/css">
 /*Creditos: Gamexcheats.es.tl */


.pagination{
              padding: 2px;

.pagination ul{
              margin: 0;
              padding: 0;
              text-align: left;
              /*ajusta a "right" para alinear a la derecha de paginación de interfaz*/
              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    !importante;

.pagination a.prevnext{
              font-weight: bold;



</style>


Esto el Html:
Código:
<div class="pagination">
<ul>
<li><a href="URL" class="prevnext disablelink">« Anterior</a></li>
<li><a href="URL" class="currentpage">1</a></li>
<li><a href="URL">2</a></li>
<li><a href="URL">3</a></li>
<li><a href="URL">4</a></li>
<li><a href="URL">5</a></li>
<li><a href="URL">6</a></li>
<li><a href="URL">7</a></li>
<li><a href="URL">8</a></li>
<li><a href="URL">9</a>...</li>
<li><a href="URL">15</a></li>
<li><a href="URL">16</a></li>
<li><a href="URL" class="prevnext">Siguiente »</a></li>
</ul>
</div>

___________________________________

Te Gusto el Foro? Recomindanos a tus amigos Wink
Hola Invitado, Bienvenido a la Comunidad GameXcheats

avatar
Gamexcheats
Admin
Admin

Mensajes : 20
Reputación : 1
Fecha de inscripción : 26/07/2010
Edad : 24
Localización : Mexico

Ver perfil de usuario http://gamexcheats.site40.net

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.