Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje27-01-2016, 00:34 (UTC)    
Título del mensaje: Puedo dividir una página en 2?

Verán, estoy haciendo una página sobre los juegos que tengo en mi negocio, en un catálogo de juegos que ya terminé (Juegos para ps2) hay demasiadas imágenes y en ocasiones cuesta que carguen todas a la vez. Entonces quiero saber si puedo poner en el tope de abajo, un menú que indique pasar a la página 2, pero siempre del mismo tema… no sé si me entienden.

Quiero hace algo similar a lo que pasa cuando haces una búsqueda en google y no encuentras lo que buscas, entonces pasas a la siguiente página y luego a la otra y la otra y así… hasta que encuentras lo que buscas.
Mensaje27-01-2016, 06:08 (UTC)    
Título del mensaje:

Claro que es posible, se llama "Paginación", tienes que hacerlo manualmente.
Por ejemplo, divide tu contenido en 3 paginas:
pagina-1.htm
pagina-2.htm
pagina-3.htm

En la página 1 debes de colocar este código al final de tu contenido
Código:
<ul class="pag">
    <li class="activo">1</li>
    <li><a href="pagina-2.htm">2</a></li>
    <li><a href="pagina-3.htm">3</a></li>
</ul>​


En la página 2, usas este código:
Código:
<ul class="pag">
    <li><a href="pagina-1.htm">1</a></li>
    <li class="activo">2</li>
    <li><a href="pagina-3.htm">3</a></li>
</ul>


En la página 3, usas este código:
Código:
<ul class="pag">
    <li><a href="pagina-1.htm">1</a></li>
    <li><a href="pagina-2.htm">2</a></li>
    <li class="activo">3</li>
</ul>


Si quieres agregar más páginas sólo sigues esa secuencia.

Por último, tienes que insertar este código css en tu plantilla:
Código:
<style type="text/css">
.pag li{
    float:left;
    padding:3px;
    border:1px solid #333;
    margin:0 1px;
}
.pag li a{
    text-decoration:none;
    color:#444;
}
.pag li.activo{
    color:blue;
}
.pag li a:hover{
    text-decoration:underline;
}​
</style>


También te recomiendo ver este tema:
http://www.paginawebgratis.es/forum/viewtopic.php?t=30180
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group